方法:1、用“writing-mode”屬性設(shè)置文字垂直顯示,語(yǔ)法“文字元素{writing-mode:vertical-lr}”;2、用“text-align”屬性設(shè)置垂直文字居中,語(yǔ)法“文字元素{text-align:center}”。
本教程操作環(huán)境:windows10系統(tǒng)、css3&&html5版、dell g3電腦。
css如何讓垂直文字居中
在css中,可以利用writing-mode屬性設(shè)置文字垂直顯示,可以利用text-align屬性設(shè)置文字居中。
writing-mode 屬性定義了文本在水平或垂直方向上如何排布。
示例如下:
<!doctype html> <html> <head> <title>test</title> <meta charset=\”utf-8\”> </head> <style> .one { width:200px; height: 140px; border:1px solid #000; writing-mode: vertical-lr; text-align:center;} </style> <body> <div class=\”one\”>好好學(xué)習(xí)</div> </body> </html>
輸出結(jié)果:
(學(xué)習(xí)視頻分享:css視頻教程)