首页 前端知识 【HTML】实现 pre 标签内容超出自动换行

【HTML】实现 pre 标签内容超出自动换行

2024-08-14 00:08:47 前端知识 前端哥 759 10 我要收藏

文章目录

  • 示例:
<pre>
一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本,一串很长的文本。
</pre>
  • 设置css超出换行属性:
pre {
    white-space: pre-wrap;
}
  • white-space 解析:
描述
normal默认,空白会被浏览器忽略。
pre空白会被浏览器保留,其行为类似HTML中的<pre>标签。
nowrap文本不会换行,文本会在同一行上继续,知道遇到<br>标签为止。
pre-wrap保留空白符序列,但是正常的进行换行。
pre-line合并空白符序列,但是保留换行符。
inherit规定应该从父元素继承white-space属性的值。
转载请注明出处或者链接地址:https://www.qianduange.cn//article/15453.html
标签
express
评论
发布的文章

安装Nodejs后,npm无法使用

2024-11-30 11:11:38

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!