我想在textarea中輸入的文字，顯示在網(wǎng)頁(yè)中時(shí)，按照輸入的時(shí)候的格式顯示。
輸入框中顯示是這樣的：兩行文字有換行

1、html如果這樣寫：

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

顯示結(jié)果如截圖所示：兩行文字不會(huì)換行

2、html中加一個(gè)white-space: pre;

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

html代碼如下：

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

結(jié)果如下面截圖：兩行文字會(huì)換行，但會(huì)超出外面的div

讓文本換行顯示又不超出外層div