1. 程式人生 > ><pre>標簽的基本樣式設置

<pre>標簽的基本樣式設置

cnblogs sch 設置 空格 不能 strong redirect 實體 size

斷行

在html中,換行符無法在一般標簽內作為布局控制顯示,包括xml實體 &#10; 和 &#13; 均表現為white-space,僅用於斷字【1】

一般情形下,可使用<br>標簽斷行;但需要從原始xml文本讀取內容時,處理實體轉義要麻煩一些,此時可使用<pre>標簽。

<pre>標簽意為 preserve,保留內部文本的換行和空格【2】

樣式

若在項目中使用了樣式框架,則預定義樣式可能不能滿足<pre>標簽的特殊需求。

此時可清除繼承樣式後,自行設置必要的樣式,例如:

.pre_style{
  all
:initial; /*清除繼承樣式*/ display:block; /*設置布局流,避免換行導致的錯誤布局*/ white-space:pre-line; /*保留換行符,設置溢出換行*/ font-size:12px; /*設置字號*/ }


【1】https://stackoverflow.com/questions/3488198/why-is-br-an-html-element-rather-than-an-html-entity?noredirect=1

【2】http://www.w3school.com.cn/tags/tag_pre.asp

<pre>標簽的基本樣式設置