在CSS中,可以使用overflow
属性来控制溢出内容的显示方式。要将溢出内容隐藏,可以设置overflow
为hidden
。
以下是一个示例代码:
.overflow-container {
width: 200px;
height: 100px;
overflow: hidden;
}
在上面的示例中,.overflow-container
是一个容器元素,宽度为200px,高度为100px。当容器内的内容超过容器的尺寸时,将会被隐藏起来,不会显示在容器的边界之外。
如果要隐藏水平方向上的溢出内容,可以使用overflow-x
属性;如果要隐藏垂直方向上的溢出内容,可以使用overflow-y
属性。例如:
.overflow-container {
width: 200px;
height: 100px;
overflow-x: hidden; /* 隐藏水平方向上的溢出内容 */
overflow-y: hidden; /* 隐藏垂直方向上的溢出内容 */
}