老师这是我的问题
来源：2-1 @font-face语法规则
qq_慕粉6009927
2020-03-18 15:36:16
1.white-space与word-break分别在什么情况下使用？
2.讲解一下white-space适用情况，最好举个例子
3.
white-space 属性设置如何处理元素内的空白
(1)normal 默认。空白会被浏览器忽略
(2)pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签
(3)nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止
(4)pre-wrap保留空白符序列，但是正常地进行换行
(5)pre-line 合并空白符序列，但是保留换行符
(6)inherit 规定应该从父元素继承 white-space 属性的值
4.
word-break:属性规定自动换行的处理方法
normal 使用浏览器默认的换行规则。
break-all 允许在单词内换行。（中文无区别）
keep-all 只能在半角空格或连字符处换行。（中文在符号处换行）
写回答
1回答
-
好帮手慕星星
2020-03-18
同学你好，看到同学已经搜索了两个属性的意思和用法。老师举个例子就比较好理解了：
1、white-space主要是处理元素内的空白。例如
默认是忽略的，显示如下
如果设置为pre，就会保留空白：
2、word-break属性主要是处理自动换行。当文字遇到边界时，默认是换行的，如果是一整个单词，单词不会分开
如果设置为break-all ，那么一个单词也是会分开的
自己可以测试其他属性值理解下。祝学习愉快！
0
相似问题