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

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

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

代码这么些不管用

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

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

貌似要设置text-height

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

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

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

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