CSS中，我們可以使用writing-mode屬性來將文本從豎向排列改為橫向排列，以下是一個簡單的示例：
<!DOCTYPE html>
<html>
<head>
<style>
.vertical-text {
writing-mode: vertical-rl;
}
.horizontal-text {
writing-mode: horizontal-tb;
}
</style>
</head>
<body>
<div class="vertical-text">這是豎向排列的文本。</div>
<div class="horizontal-text">這是橫向排列的文本。</div>
</body>
</html>在這個示例中，我們定義了兩個CSS類：.vertical-text和.horizontal-text。.vertical-text類將文本設(shè)置為豎向排列，而.horizontal-text類將文本設(shè)置為橫向排列，我們可以通過writing-mode屬性來指定文本的排列方式。vertical-rl表示豎向從右到左排列，而horizontal-tb表示橫向從上到下排列。
在HTML中，我們使用<div>元素來創(chuàng)建兩個文本塊，并分別應(yīng)用這兩個CSS類，這樣，我們就可以看到兩個文本塊的排列方式分別被設(shè)置為豎線和橫線。
版權(quán)聲明：除非特別標(biāo)注，否則均為本站原創(chuàng)文章，轉(zhuǎn)載時請以鏈接形式注明文章出處。
