position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform:translate(-50%,-50%);

當(dāng)元素變?yōu)閜osition:absolute時(shí)，該元素不占據(jù)文檔流，text-align：center失效，則可以通過上述方法使元素中的內(nèi)容垂直水平居中。

?

或者：

如果僅僅時(shí)元素中的文字居中的話， 給該元素加width:100%;text-align:center;就可以成功實(shí)現(xiàn)了。

總結(jié)

以上是生活随笔為你收集整理的元素加了position：absolute则该元素的text-align:center居中失效的解决办法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。