空白空间及溢出的处理

Posted 2021-02-28 msx-hanquan

1:空白空间的处理

   white-space:;
pre
pre-wrap
pre-line
inherit  继承！
nowrap   不让文本换行

2:溢出属性（控制内容溢出时候的显示方式）

overflow属性：
?
•      auto   当内容超出的时候有滚动条，没有超出的时候没有滚动条
?
•      scroll  添加滚动条
?
•      hidden  溢出隐藏！
?
•      inherit  继承！

拓展：

overflow-x : hidden;
?
overflow-y : hidden;

3：text-overflow:ellipsis/clip

ellipsis 省略号显示

clip 没有省略号

4：控制单行文本，溢出 省略号显示：

 1：white-space:nowrap;  不换行
?
 2：overflow:hidden;  溢出的内容隐藏。
?
3：text-overflow:ellipsis 溢出的内容省略号显示
?
4：容器要有宽度！！！