您的位置:首页 > Web前端 > CSS

word-break:break-all和word-wrap:break-word的区别

2016-09-22 14:26 363 查看
word-break:break-all 允许在单词内换行。带点霸道的感觉,一行到点了就强制性换行,不会出现空白区;word-wrap:break-word  在长单词或 URL 地址内部进行换行。
则感觉温柔些,如果这一行有其他的可以换行的点,如空格,或CJK(Chinese/Japanese/Korean)(中文/日文/韩文)之类的,就不会在英文单词或字符中换行。所以很容易出现一片一片的空白区。
记忆:首字母记忆法:wbba(我棒吧),  wwbw
以上两个是针对单词,而white-space: nowrap  是字符是否换行显示。 一行很长的文本,如果没有遇到<br>就不会换行,会一直在同一行显示下去
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息