pre文字布局保留原格式自适应不超出父级元素

CSS控制样式

1、没加pre

//css
.describe-content {
	width: 654upx;
	height: auto;
	margin: auto;
	line-height: 60upx;
	font-size: 28upx;
	color: #333333;
}
//html
<view class="describe-content">
	{{form.content|filtersContent}}//富文本	
</view>

2、加pre超出父元素

//css
.describe-content {
	width: 654upx;
	height: auto;
	margin: auto;
	line-height: 60upx;
	font-size: 28upx;
	color: #333333;
}
//html
<view class="describe-content">
	<pre>
		{{form.content|filtersContent}}
	</pre>
</view>

3、pre加css样式
white-space: pre-wrap;
pre:会保留空格，但我想它与pre-line/pre-wrap最大的不同点就是不会自动换行，单行走到底，直到遇到一个换行符才会换行。
pre-line与pre-wrap都会自动换行（点个赞~~~）
但pre-line会把多个空格合并成一个
而pre-wrap会保留全部空格。

//css
pre{
white-space: pre-wrap;
}
//html
<view class="describe-content">
	<pre>
		{{form.content|filtersContent}}
	</pre>
</view>

解决