之前在vue上模拟对话框,动态生成的div里内容没有自动换行,找到一个解决办法是css加word-wrap样式:
word-wrap:break-word;行末会把单词作为整体切换到下一行;
另外还有一个word-break:break-all;把单词截断到下一行。
怕忘记,先记在这里。
.truncate{
width:100px;
overflow:hidden;
text-overflow:ellipsis;
white-space:no-wrap;
}
word-wrap:break-word;行末会把单词作为整体切换到下一行;
另外还有一个word-break:break-all;把单词截断到下一行。
怕忘记,先记在这里。
.truncate{
width:100px;
overflow:hidden;
text-overflow:ellipsis;
white-space:no-wrap;
}