css溢出内容控制 |css display作用

CSS溢出内容控制 CSS中的overflow属性可以帮助控制元素中溢出的内容。这个属性有四个值可选，分别是visible、hidden、scroll和auto。接下来，大家将详细介绍每种取值的作用。 visible 这是默认的取值，也就是说，元素中溢出的内容将完全显示出来，无论是否在元素边界内。 .hidden { overflow: visible; } hidden 这个取值将隐藏元素中溢出的内容，也就是说，元素内部看不到溢出的内容。这时，大家需要使用scroll属性来滚动浏览内容。 .scrolling { overflow: hidden; overflow-y: scroll; } scroll 这个取值在元素边界内创建一个可滚动的元素。元素内的内容始终固定在边界内，但用户可以通过滚动条滚动溢出的内容。 .scrolling { overflow: scroll; } auto 这是自动取值，当内容能够适应元素大小时，显示visible，当内容溢出时，显示scroll。这个取值的表现类似于用户代理的默认行为。 .auto { overflow: auto; } 总结 overflow属性是控制元素中溢出的内容的好工具。根据需要，大家可以选择四种不同的取值来满足大家的需求。使用这个属性，大家可以使大家的页面更加美观和有效。