使用Vue文本插值当文本溢出时如何自动换行
当我们使用vue文本插值即两个大括号时,有时候会出现文本溢出的情况,如下图代码采用如下:{{severShow.vpnKey}}此时我们可以使用如下css属性html:<div class="text-wrapper">{{severShow.vpnKey}}</div>css:.text-wrapper {word-break...
·
当我们使用vue文本插值即两个大括号时,有时候会出现文本溢出的情况,如下图
代码采用如下:
{{severShow.vpnKey}}
此时我们可以使用如下css属性
html:
<div class="text-wrapper">{{severShow.vpnKey}}</div>
css:
.text-wrapper {
word-break: break-all;
word-wrap: break-word
}
效果:
更多推荐
已为社区贡献10条内容
所有评论(0)