在CSS中,我們可以使用writing-mode
屬性來讓文字橫著寫,這個(gè)屬性定義了文本在元素中的排列方式。
我們可以將writing-mode
屬性設(shè)置為horizontal-tb
,這樣文本就會(huì)從左到右橫著排列,并且每一行從上到下垂直排列。
div { writing-mode: horizontal-tb; }
在這個(gè)例子中,div
元素中的文本就會(huì)按照從左到右的順序橫著排列。
我們還可以使用text-align
屬性來設(shè)置文本的對(duì)齊方式,例如將文本居中對(duì)齊:
div { writing-mode: horizontal-tb; text-align: center; }
在這個(gè)例子中,div
元素中的文本就會(huì)按照從左到右的順序橫著排列,并且每一行從上到下垂直排列,同時(shí)文本還會(huì)居中對(duì)齊。
需要注意的是,writing-mode
屬性的值并不是所有瀏覽器都支持,因此在使用時(shí)需要先確認(rèn)目標(biāo)瀏覽器是否支持該屬性,如果不支持,可能需要使用其他方法來實(shí)現(xiàn)文本的橫向排列。