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

當元素變為position:absolute時，該元素不占據文檔流，text-align：center失效，則可以通過上述方法使元素中的內容垂直水平居中。

?

或者：

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。