span元素文字自动换行
<span>
加上display:inline-block
,成功实现了想要的效果。
但又有一个问题,纯连续字母和数字不会换行,最后加上word-wrap: break-word
强制自动换行搞定。
word-break: break-all
会当文本达到宽度就强制换行,而不管单词有没有完整显示,不推荐使用。比如consulate只显示cons就截断了。而word-wrap: break-word
会把consulate直接换到下一行显示
<span>
加上display:inline-block
,成功实现了想要的效果。
但又有一个问题,纯连续字母和数字不会换行,最后加上word-wrap: break-word
强制自动换行搞定。
word-break: break-all
会当文本达到宽度就强制换行,而不管单词有没有完整显示,不推荐使用。比如consulate只显示cons就截断了。而word-wrap: break-word
会把consulate直接换到下一行显示