如果你用的span,a,em
类似这种的行内元素的话,直接设置text-align:center
貌似是没有用的,你需要给这种元素加上display:block
哦~或者用display:flex; justiy-content:center
不知道你的css是如何定义的,通常是由于上级或父级元素用了浮动或者相对定位造成text align无效,还有一个是css生效的优先级。
看这个作用不大,你进入页面,审查元素,看具体渲染的属性.
貌似要设置text-height
打开chrome调试看盒模型,你就会发现字体本身是在盒模型中居中了,但是他的所在的盒模型(items)不是居中的,所以最后的结果不是居中的。
解决方面比较优雅的就是item的宽度为继承,等于父元素宽度,或者使item居中。
于上级或父级元素用了浮动或者相对定位造成text align无效,还有一个是css生效的优先级。
样式问题不对肯定是有其他样式影响了,打开F12,将作用在该元素的样式一个个取消看看,然后观察是什么影响到了元素居中,能外可是设置下元素的优先级
text-align:center !important;