1. 程式人生 > >html文字格式之預格式文字

html文字格式之預格式文字

在html中如果不使用預格式(pre),那麼文字呈現的結果將會有一些偏差。

比如:我想要一段話的呈現結果如下圖所示:

不採用預格式:

<p>
    預格式文字
    示例
    可以保留   空格
    和換行哦。。。
</p>
<p>pre比較適合程式碼呈現</p>
<p>
   for i = 1 to 10
    print i
</p>

結果圖如下:

因此,我們想要保留文字原本的格式,那麼就要採用預格式:

<pre>
    預格式文字
    示例
    可以保留   空格
    和換行哦。。。
</pre>
<p>pre比較適合程式碼呈現</p>
<pre>
   for i = 1 to 10
    print i
</pre>

結果就會是我們一開始所呈現的那樣。