当前位置: article > 正文

CSS——css 文字自动换行方法_css文字自动换行

作者：Monodyee | 2024-03-15 15:08:42

踩

css文字自动换行

方法一 word-break 属性规定自动换行的处理方法

值——>描述
normal 使用浏览器默认的换行规则。
break-all 允许在单词内换行。
keep-all 只能在半角空格或连字符处换行。

#wrap {
  word-break: break-all;  
  // 设置当前换行宽度
  width: 200px; 
}
1
2
3
4
5

方法二 word-wrap 属性允许长单词或 URL 地址换行到下一行。

值——>描述
normal 只在允许的断字点换行（浏览器保持默认处理）。
break-word 在长单词或 URL 地址内部进行换行。

#wrap {
  word-wrap: break-word;
   // 设置当前换行宽度
  width: 200px;
}
1
2
3
4
5

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Monodyee/article/detail/242142