css word-wrap与word-break区别

冷暖自知 提交于 2019-12-04 06:08:17

1、word-wrap属性作用

1.1 定义与用法

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

1.2 语法

word-wrap: normal|break-word;
描述
normal 只在允许的断字点换行(浏览器保持默认处理)。
break-word 在长单词或 URL 地址内部进行换行。

2、word-break属性作用

2.1 定义与用法

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

1.2 语法

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

3、区别

word-wrap不论当前行是否填满,都会另起一行。
word-break当前行填满后,再另起一行。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!