方法:1、用“writing-mode”屬性設(shè)置文字垂直顯示,語法“文字元素{writing-mode:vertical-lr}”;2、用“text-align”屬性設(shè)置垂直文字居中,語法“文字元素{text-align:center}”。
創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供婁底網(wǎng)站建設(shè)、婁底做網(wǎng)站、婁底網(wǎng)站設(shè)計(jì)、婁底網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、婁底企業(yè)網(wǎng)站模板建站服務(wù),十余年婁底做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
本教程操作環(huán)境:windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css如何讓垂直文字居中
在css中,可以利用writing-mode屬性設(shè)置文字垂直顯示,可以利用text-align屬性設(shè)置文字居中。
writing-mode 屬性定義了文本在水平或垂直方向上如何排布。
示例如下:
輸出結(jié)果:
(學(xué)習(xí)視頻分享:css視頻教程)