溢出

王哈哈.

于 2019-06-27 20:30:41 发布

阅读量183

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Yesterdayw/article/details/93908640

本文详细介绍了CSS中处理容器溢出的多种方法，包括使用visible、hidden、scroll和auto属性来控制溢出内容的显示方式。同时，针对文本溢出，讲解了如何通过clip和ellipsis设置省略号显示，特别指出此方法仅适用于单行文本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一. 容器溢出

语法：flow:visible /hidden /scroll /auto /inherit

Visible:默认值，溢出部分显示在容器外

Hidden：溢出部分隐藏

Scroll:显示滚动条

Auto：溢出时才显示滚动条

Inherit：继承父元素的overflow值

二．文本溢出

1语法：text-overflow:clip(默认值ellipsis(显示省略号)

注：	单行文本显示省略号的设置：

          固定的宽度：width

          强制在一行显示：white-space:nowrap

          溢出部分隐藏：overflow；hidden

          显示省略号：text-overflow:ellipsis

以上只能给文本所在的标签设置

注：此方法只适用于单行文本省略号的设置，如果遇到多行文本省略号的设置用JS处理

显示日期一般用span