css 设置文本自动换行

  • A+
所属分类:前端工程
在行级元素中设置文本自动换行

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

  • 公众号
  • 扫一扫
  • weinxin
  • 打赏
  • 扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: