13657687333

新闻中心

NEWS

当前位置:首页>建站知识

html的textarea中的文字怎么换行显示

发布日期:2021-01-20 浏览量:374次

我想在textarea中输入的文字,显示在网页中时,按照输入的时候的格式显示。
输入框中显示是这样的:两行文字有换行

clipboard.png

1、html如果这样写:

<div>
<p>{{$article->content}}</p></div>

显示结果如截图所示:两行文字不会换行

clipboard.png

2、html中加一个white-space: pre;

.pre-text {white-space: pre;
}

html代码如下:

<div>
<p class="pre-text">{{$article->content}}</p></div>

结果如下面截图:两行文字会换行,但会超出外面的div

clipboard.png

让文本换行显示又不超出外层div

white-space: pre-line

地图导航