显示一些内容,尤其是代码框的时候,会出现超出范围的情况
这里可以使用两个属性调整,在需要的标签中设置
<code style="white-space: normal; word-break: break-all;">{{codeData}}</code>
也可以自定义一个CSS样式类
在style.css中定义如下样式
.codeBox{
color: green;
font-size: 15px;
white-space: normal;
word-break: break-all
}
<code class=codeBox>{{codeData}}</code>