# HTML中如何使用pre標簽對空行和空格進行控制
在HTML中,默認會忽略代碼中的連續空格和換行符,將它們合并為單個空格。當我們需要保留文本的原始格式(如代碼塊、詩歌等)時,`<pre>`標簽(preformatted text的縮寫)就成為了關鍵工具。
## pre標簽的基本特性
`<pre>`標簽會保留文本中的所有空格和換行符,并以等寬字體顯示內容:
```html
<pre>
這是 保留 空格的
文本
換行也會被保留
</pre>
<pre>
function hello() {
console.log("Hello World");
}
</pre>
<pre>
/\_/\
( o.o )
> ^ <
</pre>
pre {
margin: 0;
padding: 10px;
background: #f5f5f5;
}
pre {
overflow-x: auto;
white-space: pre-wrap;
}
<、>),仍需使用實體編碼通過合理使用<pre>標簽,可以輕松解決HTML中空格和換行符被壓縮的問題,完美呈現需要保留原始格式的文本內容。
“`
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。