CSS：overflow 溢出 （内容超出指定宽度或高度时的处理方式）（work-berak、white-space、text-overflow等）

overflow：

1.visible;   默认，不做处理，不剪切内容也不添加滚动条。

2.auto;   超出显示滚动条，不超出不显示滚动条。

3.scroll;   一直显示滚动条

4.hidden;   超出隐藏

 

 

溢出的文字隐藏

work-break：（主要处理英文单词）

                    normal; 浏览器默认的换行规则

                    break-all; 允许拆开单词换行显示

                    keep-all; 不允许拆开单词换行显示，连字符特殊

white-space：（常用于强制一行显示内容）

                    normal; 默认

                    nowrap; 强制在同一行内显示所有文本，直到文本结束或遭遇br标签对象才换行。

text-overflow：（用于超出部分是 直接裁截 还是显示 “...” ）

                     clip; 不显示省略号，直接裁截

                     ellipsis; 当对象内文本溢出时显示 “...”

                     text-overflow 必须和 white-space:nowrap;以及overflow:hidden;一起使用才有效。