html怎么在文本中保留空格(2)-木庄网络博客

2022-03-14 07:16:11 PHP中文网 JavaScript 百度已收录

1、css中当 white-space 属性取值为pre时，就按照<pre>标签的方式处理。浏览器会保留文本中的空格和换行,例如：

1	`<p` `style="white-space:pre"> fly63 com <p>`

显示效果为：' fly63 com '

2、css的white-space属性为pre-line时，意为保留换行符。除了换行符会原样输出，其他都与white-space:normal规则一致。

<p style="white-space: pre-line">
    fly63
    com
</p>

显示效果为：

'fly63

com'

推荐学习：html视频教程

以上就是html怎么在文本中保留空格的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《Html》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者