html溢出属性

1.溢出属性

1.溢出属性（容器的）
说明：
overflow:visble/hidden(隐藏)/scroll/auto自动/inherit;
​
visble：默认值，溢出内容会显示在元素之外；
hidden：溢出属性隐藏；文本裁剪
scroll：滚动溢出内容一滚动方式显示；不溢出也会出现滚动条
auto：如果有溢出属性会添加滚动条，没有溢出正常显示；
inherit：规定应该遵从父元素继承overflow属性的值
overflow-x：x轴溢出怎么处理； overflow-y：y轴溢出怎么处理、
​
​
/* ::-webkit-scrollbar ，可以实现对滚动条的定制，配合display:none;实现滚动条隐藏 */

::-webkit-scrollbar{
display:none;
}

2.空余空间

说明：
white-space:normal/nowrap/pre/pre-wrap/pare-line/inherit
该属性用来设置如何处理元素中的空白；
​
normal:默认值，空白会被浏览器忽略。
nowrap:文本不会换行，文本会在同一行上继续，直到遇到<br>标签为止；
pre：预格式化文本-保留空格  tab，回车   但不会自动换行
        /* 可以用<pre></pre>直接写 */
pre-wrap:会折行但会保留空格
pre-line:只显示回车，不显示空格，换行
inherit：从父元素中继承此属性

3.省略号号显示

说明：
text-overflow：clip/ellipsic;
clip:默认值，不显示省略号（...），
ellipsis：显示省略号
​
但单行文本溢出显示需要省略号需要同时设置以下声明：
1.容器的宽：width：200px
2.强制文本在同一行显示：white-space:nowrap
3.溢出内容为隐藏属性：overflow:hidden
4.溢出文本显示省略号：text-overflow:ellipsis;