# 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进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
