在行级元素中设置文本自动换行
在span元素中只需要把span的样式设置成inline-block
<span>css 设置文本自动换行</span>
span{
display:inline-block;
}
使用word-break属性规定自动换行
word-break: normal|break-all|keep-all;
- normal 使用浏览器默认的换行规则
- break-all 允许在单词内换行
- keep-all 只能在半角空格或连字符处换行
一般情况下使用word-break:break-all就可以解决文本换行问题