CSS 实现自动换行、强制换行、强制不换行的属性

作者 : MOOMOO 本文共431个字,预计阅读时间需要2分钟 发布时间: 2022-04-25 共17人阅读

实现效果

1.自动换行:

word-wrap:break-word;

word-break:normal;

2.强制换行:

word-break:break-all;       按字符截断换行 /* 支持IE和chrome,FF不支持*/

word-wrap:break-word;    按英文单词整体截断换行  /* 以上三个浏览器均支持 */

* 注意:单词换行需要父盒子为块级元素

3.强制不换行:

white-space:nowrap;

 

换行属性语法

1.word-break : normal | break-all | keep-all

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

2.word-wrap : normal | break-word

normal : 允许内容顶开指定的容器边界,允许字内换行。
break-word : 内容将在边界内换行,允许单词换行。

3.white-space:normal | pre-wrap

1. 本站所有资源来源于用户上传和网络,仅作为演示数据,如有侵权请邮件联系站长!
2. 本站客服QQ:4387159,唯一购买官网:MooMoo.TOP!
3. 盗版,破解有损他人权益和违法作为,请各位会员支持正版!
MooMoo » CSS 实现自动换行、强制换行、强制不换行的属性

常见问题FAQ

是否支持共享资源赚外快?
本站支持任何人上传资源,一经采用即可展示,客户下单既有80%的提成。
可以免费教技术吗?
大家可以加群进行探讨共同进步,重点问题管理员会进行解答。
我是小白要怎么学习?
加群后做到不耻下问,看文章学习演示就能成为大佬。

发表评论