css 设置文本自动换行

在行级元素中设置文本自动换行

在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就可以解决文本换行问题

发表评论

发表评论