CSS-溢出属性

1、溢出属性（容器的）

说明：

overflow:visible/hideeen/scroll/auto/inherit

• visible:默认的，溢出内容会显示在元素之外
• hidden：溢出内容隐藏
• scroll：滚动，溢出内容以滚动方式显示
• auto：如果有溢出会添加滚动条，没有溢出正常显示
• inherit：规定应该遵从父元素继承overflow属性的值
  overflow-x：X轴溢出
  overflow-y：Y轴溢出

2、空余空间

说明：

white-space：normal/nowrap/pre/pre-wrap/pre-line/inherit该属性用来设置如何处理元素内的空白；
normal:默认值，空白会被浏览器忽略，
nowrap：文本不会换行，文本会在同一行上继续，直到遇到 < br/ >标签

3、省略号显示

说明：

text-overflow:clip/ellipsis;
clip:默认值，不显示省略号（...）；
ellipsis：显示省略标记；

当单行文本溢出显示省略号需要同时设置以下声明：
1、容器宽度：width：200px；
2、强制文本在一行内显示：white-space：nowrap；
3、溢出内容为隐藏：overflow：hidden；
4：溢出文本显示省略号：text-overflow：ellipsis；