css宽高为100%不能居中，css设置宽度不生效

如何在css中让div中的P标签居中,

1、方法一：使用绝对布局位置：absolutefordiv并设置top、left、right、bottom的值相等，但不一定都等于0；并设置边距：自动。方法二：这个方法需要知道div的宽度和高度。

2、新建一个html文件，先切换到边改边看模式。写一个p出来，同时在内部加上一些文字。使用css增加属性，使得p的区域看得清楚。使用text-align：center属性使得文字横向居中。

3、首先，打开html编辑器，新建html文件，例如：index.html。其次，在index.html中的style标签中，输入css代码：p{border：1pxsolidblue；text-align：center}。

4、方法如下：在布局一张网页时，通常网页主体框架是居中于浏览器中的。实现最外层DIV水平居中与浏览器中需要一个条件和一个设置。

5、margin：0 auto 设置块元素（或与之类似的元素）的居中。这两个属性IE与FF的理解也有所不同。我们设置一个段落P，在段落内存在一个图片img标签。注意：当设置body{text-align：center；}。

6、在css标签中，使用margin属性设置div的外边距，并将两侧的外边距设置为auto，从而达到div居中的效果。在浏览器中打开test.html文件以查看效果。

相关问答

Q1: css绝对定位如何居中css绝对定位如何居中

1、方法一：使用绝对布局位置：absolutefordiv并设置top、left、right、bottom的值相等，但不一定都等于0；并设置边距：自动。方法二：这个方法需要知道div的宽度和高度。

2、绝对定位 和 固定定位 的元素若没有设置 top/right/left/bottom 的值。其位置为原来在文档流中的位置。其他文档流元素会占据其原来位置。

3、第二种：利用绝对定位居中，非常常用的一种方法。

4、你用的是相对屏幕进行进行的绝对定位，比如left：100px；在宽窄屏状态下肯定都是距离左边100，宽屏肯定会左移。

5、其中 margin-left：-100px 和 margin-top：-100px 可以写成 margin：-100px 0px 0px -100px 方法三：div使用绝对定位position：absolute，并且设置left和top的值都为50%。

6、HTML：CSS：重点：在父元素中设置相对定位position： relative，子元素设置绝对定位 position： absolute；top和left相对父元素的50%，与其搭配的 transformse： translate(-50% ， -50%)表示X轴和Y轴方向水平居中。

Q2: css中div的高度是用百分比设置的,怎样让div内的元素垂直居中?

用一个“ghost”伪元素（看不见的伪元素）和 inline-block / vertical-align 可以搞定居中，非常巧妙。但是这个方法要求待居中的元素是 inline-block，不是一个真正通用的方案。

设置div的height和line-height值设置为相同的数值，只需要一个div即可。设置父级div样式的display：table，并设置子div样式的display：table-cell、vertical-align：middle，此时需要一个父级div和一个子级div。

重点：给父元素添加一个伪元素：before，让这个伪元素的div高度为100%，这样其他div就可垂直居中了，但div 本身就是块级元素，而vertical-align是行内元素属性，则需要修改为inline-block。

方法一：让一个DIV水平居中，直接用CSS就可以做到。只要设置了DIV的宽度，然后使用margin设置边距0 auto，CSS自动算出左右边距，使得DIV居中。

让一个DIV水平居中，直接用CSS就可以做到。只要设置了DIV的宽度，然后使用margin设置边距0 auto，CSS自动算出左右边距，使得DIV居中。

Q3: css设置页面内容居中无效

1、margin：0 auto；}这个属性可以控制整个页面居中的。text-align：center只是控制文本的，一句话或一个词语。

2、居中不是这样写的。上面的居中只是表面上居中了，你缩放窗口会发现不是真正的居中。下面的要居中可以直接在下面的div设置样式“text-align：center”。

3、div css xhtml xml Example Source Code Example Source Code []div { margin： 20px 10px 30px 40px； } 表示对象外边距，顶20px、左10px、下30px、右40px。

Q4: css在父容器高度100%时怎么将里面的内容居中

1、通常首选方法是使用 flexbox 居中内容。只需三行代码即可： display：flex ，然后使用 align-items：center 和 justify-content：center 将子元素垂直和水平居中。

2、重要提示：如果父容器的高度与子元素line-height的高度值相同，则内容中的行内元素将垂直居中。HTML：CSS：重要提示：在父元素中添加一个虚拟元素：before，使这个虚拟元素的div高度为100%，以便其他div可以垂直居中。

3、用一个“ghost”伪元素（看不见的伪元素）和 inline-block / vertical-align 可以搞定居中，非常巧妙。但是这个方法要求待居中的元素是 inline-block，不是一个真正通用的方案。

4、使用css使文字的居中的方法是有很多中的，一般的情况下使文字水平剧中使用的text-aligin属性，垂直剧中现在常用的方法是使用line-height，设置line-height的值为文字容器的高度即可实现垂直居中。

5、CSS实现水平垂直居中对齐在CSS中实现水平居中，会比较简单。

6、要实现UL标签水平居中，关键在于CSS中 display：inline 的运用。

Q5: CSS中百分比高度的div中单行文字垂直居中,怎么实现?

1、用一个“ghost”伪元素（看不见的伪元素）和 inline-block / vertical-align 可以搞定居中，非常巧妙。但是这个方法要求待居中的元素是 inline-block，不是一个真正通用的方案。

2、由于div 是块级元素，在css中并没有可以使块级元素内的元素垂直居中的属性。所以只能使用其他的方法。设置文字的padding，使其达到居中的效果。

3、bottom ： 将支持valign特性的对象的文本与对象底端对齐 text-bottom ： 将支持valign特性的对象的文本与对象顶端对齐 length ： CSS2 由浮点数字和单位标识符组成的长度值 | 或者百分数。可为负数。

关于css宽高为100%不能居中和css设置宽度不生效的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。