CSS3中的換行標簽<pre>

CSS3中的<pre>標簽是一個非常實用的標簽，它用于在HTML頁面中保留原始文本的格式和空格。在HTML中，普通文本或段落中的連續空格和換行符都會被壓縮為一個空格。但是使用<pre>標簽可以保留文本中的空格和換行符，使得文本的排版更加直觀清晰。

<pre>
Hello     world!
How are
you doing?
</pre>

以上代碼使用<pre>標簽保留了文本中原有的空格和換行符，輸出結果如下：

Hello     world!
How are
you doing?

除了使用<pre>標簽，CSS3還提供了一些屬性來自定義文本的格式，例如：white-space屬性、word-wrap屬性和text-align屬性等。

如果要使文本自動換行，可以使用white-space屬性，屬性值為pre-wrap。而word-wrap屬性用于當一個單詞太長無法在指定的寬度內完全顯示時的換行處理。

p {
white-space: pre-wrap;
word-wrap: break-word;
text-align: justify;
}

此例中的CSS代碼使用了white-space屬性和word-wrap屬性，同時指定了文本的對齊方式（text-align屬性為justify），輸出的文本將根據指定的寬度自動換行，并在必要時將單詞分割成多個部分進行換行。

Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Nam cursus mauris quis ante
posuere sodales. Vestibulum
ante ipsum primis in faucibus
orci luctus et ultrices
posuere cubilia curae;
Etiam at condimentum erat.

運行以上代碼，可以發現文本在指定的寬度下自動換行，并對齊處理。