在CSS中，將文字打橫（即水平排列）通常是通過設(shè)置writing-mode屬性為horizontal-tb（默認(rèn)值）或tb-rl來實現(xiàn)，這兩個值分別表示文字從右到左（horizontal-tb）或從左到右（tb-rl）水平排列。

將文字打橫的CSS代碼示例

1、從右到左排列：

.text-horizontal-tb {
  writing-mode: horizontal-tb;
}

2、從左到右排列：

.text-tb-rl {
  writing-mode: tb-rl;
}

應(yīng)用示例

假設(shè)你有一個HTML元素，如一個段落（<p>），你可以這樣應(yīng)用樣式：

1、從右到左排列：

<p class="text-horizontal-tb">這段文字將從右到左水平排列。</p>

2、從左到右排列：

<p class="text-tb-rl">這段文字將從左到右水平排列。</p>

注意事項

1、瀏覽器支持：并非所有瀏覽器都支持writing-mode屬性，確保在使用之前檢查瀏覽器的兼容性。

2、嵌套元素：如果內(nèi)部元素也應(yīng)用了writing-mode，它們將繼承父元素的排列方向。

3、文本方向：除了水平排列，CSS還支持垂直排列（vertical-rl和vertical-lr），這可以用于從上到下或從下到上垂直書寫文字。

通過理解和應(yīng)用這些CSS屬性，你可以更好地控制文本在網(wǎng)頁上的排列和顯示方式。