CSS-文本换行

默认-浏览器自动换行
英文字母 - 按单词断句换行
中文字母 - 按字换行
标点 - 不会单独出现在句首,会连带前面一个字或者单词

word-break
word-break: (normal | keep-all | break-all);
normal - 浏览器默认
keep-all - 只允许在半角空格或连字符处换行
break-all - 允许在单词中间换行(IE不允许标点处于句首,其他可以)

word-wrap
word-wrap: (normal | break-word);
normal - 浏览器默认
break-word - 在长单词或者url地址内部进行换行(因为长单词或url地址中没有半角空格,所以浏览器不会自动换行)

white-space
white-space: (normal | pre | nowrap | pre-wrap | pre-line | inherit)
normal - 浏览器忽略空白
pre - 保留空白
nowrap - 不换行,直至遇到<br>标签为止
pre-wrap - 保留空白,正常地换行
pre-line - 合并空白,保留换行符
inherit - 继承自父元素

发布了43 篇原创文章 · 获赞 1 · 访问量 1万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章