CSS盒子里面文字豎的怎么變成橫向的
在CSS中,可以通過設(shè)置writing-mode
屬性來改變盒子的文字方向。writing-mode
屬性可以設(shè)置為horizontal-tb
(默認值)或vertical-rl
,當設(shè)置為vertical-rl
時,盒子的文字將從右到左垂直排列,要將其變回橫向排列,只需將writing-mode
屬性設(shè)置回horizontal-tb
即可。
假設(shè)你有一個CSS盒子,其樣式如下:
.box { writing-mode: vertical-rl; height: 100px; width: 100px; border: 1px solid #000; }
這個盒子的文字將是垂直排列的,要將文字變回橫向排列,只需將writing-mode
屬性設(shè)置為horizontal-tb
:
.box { writing-mode: horizontal-tb; height: 100px; width: 100px; border: 1px solid #000; }
盒子的文字將變回橫向排列。
版權(quán)聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。