CSS设置文字换行方式

作者: deepwinter 分类: 前端 发布时间: 2019-07-24 14:46 点击量: 110 次阅读

原创文章,转载请注明出处,谢谢!


CSS属性word-break指定了怎样在单词内断行。

word-break有几个主要属性如下:

  • normal
    使用浏览器默认的换行规则。英文只能在半角空格或连字符处断开,中文允许在任意位置断开。
  • break-all
    允许在单词内换行。英文和中文都允许在任意位置断开。
  • keep-all
    英文和中文都只能在半角空格或连字符处断开。
  • break-word
    注意这不是标准中的值,中文允许在任意位置断开,英文优先在半角空格或连字符处断开,如果超出容器范围则可以在任意位置断开。

例如:

.text {
  word-break: break-all;
}

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注