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;一起使用才有效。

猜你喜欢

转载自blog.csdn.net/tiandaochouqin_1/article/details/88207661