使用css3属性处理单词的换行和断词_html/css
2020-11-27
来源：抵帆知识网
| 属性值 | 解释 |
|---|---|
| normal | 使用浏览器默认的换行规则(默认) |
| break-all | 允许在单词内换行 |
| keep-all | 只能在半角空格或连字符处换行 |
现在大多说的浏览器默认的换行规则为半角空格和连字符,因此normal和keep-all的效果是一样的。
word-break: break-all，打破了默认的换行规则。那如果想保留空格和连字符处换行怎么办？
| 属性值 | 解释 |
|---|---|
| normal | 使用浏览器默认的换行规则(默认) |
| break-word | 长单词进行换行 |
下来看一下演示,我把单词内部插入了几个空格
Name of user-definedcallbackfunction to be called wheneverastreamtriggersanotification.
默认情况下,图上标号2和4是连续长单词，中间没有空格和连字符，所以没有换行(溢出)。
从图上看,保留了空格和连字符的换行状态。只是将前面图上标号2和4行的长单词进行了换行。