1 HTML?<pre>?標(biāo)簽示例

• 2 HTML pre標(biāo)簽作用和使用說明
• 3 提示和說明
• 4 HTML 4.01和HTML5之間的差異
• 5 屬性
  • 5.1 全局屬性
  • 5.2 事件屬性

我們用WordPress建站需要學(xué)習(xí)一些CSS?和 HTML的基礎(chǔ)知識：

• 由于某些WordPress主題的CSS樣式文件，并沒有加入 pre?和?code?標(biāo)簽樣式。
• 大多數(shù)瀏覽器目前支持<pre>標(biāo)記。

HTML?<pre>?標(biāo)簽示例

以下是 pre?標(biāo)簽的CSS樣式（能讓html代碼自動換行）▼

pre {
border: 1px solid #d1d1d1;
line-height: 190%;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 15px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}

以下是 code?標(biāo)簽的CSS樣式?▼

code {
background: #f1f1f1;
color: #555;
margin: 0 2px;
padding: 2px 4px;
border-radius: 2px;
}

使用方法：

• 請將以上CSS標(biāo)簽，復(fù)制到WordPress主題里的 style.css?文件里。

HTML pre標(biāo)簽作用和使用說明

• <pre>標(biāo)簽定義了預(yù)格式化的文本。
• <pre>標(biāo)記元素中,包含的文本通常會留下空格和換行符。
• 該文本也將顯示為等寬字體。

<pre>標(biāo)記通常與<code>標(biāo)記結(jié)合使用，以獲得更精確的語義，用于標(biāo)記需要在頁面中呈現(xiàn)的源代碼。

如果要將指定的文本格式放在HTML中，則需要利用leading元素的屬性。

提示和說明

提示：<pre>標(biāo)記的常見用法是表示計(jì)算機(jī)的源代碼。

HTML 4.01和HTML5之間的差異

在HTML 4.01中，“width”屬性已棄用，無法使用。 HTML5不支持“width”屬性。

屬性

屬性值描述

• 寬度編號HTML5不支持此屬性。
• HTML 4.01中不推薦使用此屬性。
• 定義每行的最大字符數(shù)（通常為40,80或132）。

全局屬性

• <pre>標(biāo)記支持全局屬性，并查看完整的屬性表HTML全局屬性。

事件屬性

• <pre>標(biāo)記支持所有HTML事件屬性。

希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《CSS樣式里pre是什么？HTML中pre自動換行code標(biāo)簽作用》，對您有幫助。