在工作中遇到一種情況，例如把一個(gè)div元素絕對(duì)定位到一個(gè)位置，但是該元素中的文字個(gè)數(shù)不確定，還要保證始終該文字是居中顯示，則可以定義兩個(gè)div,外層div絕對(duì)定位并加一個(gè)寬度，內(nèi)層div居中

.box03 .percent {position: absolute;right: 31%;top: 12%;width: 100px;font-family: arial;font-weight: bold;color: #e83522;font-size: 1rem;}.box03 .percent span{display: inline-block;text-align: center;width: 100%;}

?

轉(zhuǎn)載于:https://www.cnblogs.com/beileixinqing/p/8038058.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的绝对定位多个字居中显示的css的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

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