在網(wǎng)頁(yè)設(shè)計(jì)中，為了美觀的目的，經(jīng)常需要在一行中顯示多個(gè)文本，這時(shí)候我們可以使用 CSS 來(lái)實(shí)現(xiàn)這個(gè)需求。CSS 提供了一個(gè)雙排文字布局方法，可以讓你在同一行中顯示兩段不同的文本。

display: inline-block;
writing-mode: vertical-lr;
transform: rotate(180deg);

在上面的代碼中，我們給要顯示文本的元素設(shè)置了 display 屬性為 inline-block，這樣可以讓元素在同一行顯示。同時(shí)，我們使用 writing-mode 屬性將元素的文字方向設(shè)置為從上到下，再通過(guò) transform 屬性將文本繞中心旋轉(zhuǎn) 180 度，使得文本在同一行中排列。

需要注意的是，這種雙排文字的布局方式對(duì)于垂直對(duì)齊有一定的挑戰(zhàn)，因?yàn)槊總€(gè)字母的高度和寬度有所不同。但是，通過(guò)一些額外的 CSS 樣式，我們可以解決這個(gè)問(wèn)題，例如使用 line-height 屬性來(lái)控制行間距。

總而言之，CSS 的雙排文字布局方法可以幫助你輕松地在同一行中顯示多段文本，為你的網(wǎng)頁(yè)增加一份美觀和靈活性。