2 zhaopeng9999 zhaopeng9999 于 2017.09.03 17:50 提问

文本水平对齐text-align:center;怎不不管用呀?

![图片说明](http://img.ask.csdn.net/upload/201709/03/1504432163_104775.png)图片说明

9个回答

ShewMi
ShewMi   2017.09.03 17:59

不知道你的css是如何定义的,通常是由于上级或父级元素用了浮动或者相对定位造成text align无效,还有一个是css生效的优先级。

qq_29594393
qq_29594393   Ds   Rxr 2017.09.03 19:38

看这个作用不大,你进入页面,审查元素,看具体渲染的属性.

lushanyanYX
lushanyanYX   2017.09.03 20:05

打开chrome调试看盒模型,你就会发现字体本身是在盒模型中居中了,但是他的所在的盒模型(items)不是居中的,所以最后的结果不是居中的。
解决方面比较优雅的就是item的宽度为继承,等于父元素宽度,或者使item居中。

zhaopeng9999
zhaopeng9999   2017.09.03 17:52

代码这么些不管用

qq_25260079
qq_25260079   2017.09.03 19:46

貌似要设置text-height

xionglangs
xionglangs   Rxr 2017.09.03 19:55

图片说明
图片说明
把你的布局贴出来,在用f12看看是不是这个属性没生效。

as3168225
as3168225   2017.09.03 23:45

于上级或父级元素用了浮动或者相对定位造成text align无效,还有一个是css生效的优先级。

czp555
czp555   2017.09.04 09:07

样式问题不对肯定是有其他样式影响了,打开F12,将作用在该元素的样式一个个取消看看,然后观察是什么影响到了元素居中,能外可是设置下元素的优先级
text-align:center !important;

sunny_desmond
sunny_desmond   2017.09.06 22:05

如果你用的span,a,em类似这种的行内元素的话,直接设置text-align:center貌似是没有用的,你需要给这种元素加上display:block哦~或者用display:flex; justiy-content:center

Csdn user default icon
上传中...
上传图片
插入图片