CSS Overflow(溢出)

由网友 大卫 发布 阅读 5

CSS Overflow(溢出)

溢出属性指定当元素的内容溢出(不适合)元素的框时发生的行为。

处理溢出内容

元素的内容可能大于框本身的尺寸。例如,给定的width和height属性不允许足够的空间容纳元素的内容。

CSS溢出属性,使您可以指定是剪切内容,渲染滚动条还是显示块级元素的溢出内容。

该属性可以是下列值之一:visible (默认), hidden, scroll, and auto。CSS3还定义了overflow-xoverflow-y属性,以允许独立控制垂直和水平裁剪。

div {
    width: 250px;
    height: 150px;
    overflow: scroll;
}
测试看看‹/›
描述
visible默认值。内容没有被裁剪;它会在元素框的外部渲染,因此可能与其他内容重叠。
hidden溢出元素框的内容将被剪切,其余内容将不可见。
scroll溢出的内容像被隐藏一样被裁剪,但是提供了滚动机制来访问溢出的内容。
auto如果内容溢出元素的框,它将自动提供滚动条以查看其余内容,否则滚动条将不会出现。

CSS Text(文本) CSS Fonts(字体)