本文主要是介绍white-space word-wrap word-break,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1、white-space
决定 空白/换行符 的表现形式,用通俗的话来说就是 标签内容的文字是否换行。
white-space:nowrap; /* 加上这句就是不换行,不带这句就是换行(默认换行),就会用这一个。。。 */
2、word-break
这个和是否换行没关系,决定 在何处 换行。
normal 使用浏览器默认的换行规则。(行的剩余空间不足以放得下 下一个单词,就另起一行放置下一个单词)
break-all 允许在单词内换行。(行的剩余空间不足以放得下 下一个单词,仍然放置下一个单词,把下一个单词换行)
keep-all 只能在半角空格或连字符处换行。
3、word-wrap
word-wrap可以当做是word-break的补充,如果一个单词的长度超过了标签的宽度,是否在该单词内换行。
normal 浏览器保持默认处理,不换行。
break-word 在单词内换行
这篇关于white-space word-wrap word-break的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!