CSS是網(wǎng)頁(yè)設(shè)計(jì)中必不可少的一部分,其中的文字對(duì)于網(wǎng)站排版來說也非常重要。其中,框內(nèi)文字如何居中顯示也是一個(gè)常見的問題。下面將介紹一些CSS代碼,幫助您解決這個(gè)問題。
// 水平居中 div{ text-align:center; } // 垂直居中 div{ display: flex; align-items: center; justify-content: center; } // 水平垂直居中 div{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } // 文字兩端居中 p{ text-align: justify; }
以上幾種方法都可以實(shí)現(xiàn)不同的居中方式,可以根據(jù)實(shí)際情況選擇不同的方法進(jìn)行使用。使用這些方法之后,框內(nèi)的文字就可以進(jìn)行完美居中了。