文字自动换行，保留空格和换行符

risoben

于 2016-04-14 14:31:20 发布

阅读量1.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：代码分析文章标签：自动换行提行

本文链接：https://blog.youkuaiyun.com/risoben/article/details/51151373

8 篇文章

订阅专栏

本文介绍了一种使用HTML和CSS实现预格式化文本自动换行的方法，通过使用<pre>标签结合特定CSS属性，可以使得长文本在不同屏幕尺寸下自动换行并保留原有空格和换行格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

pre 标签可定义预格式化的文本，实现代码：

HTML代码：

<pre class="content-inner">无论多少文字输入进来都可以实现自动换行
回车换行也可以在界面上显示出来</pre>

CSS代码：

.content-inner{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
}