在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; /* 隱藏垂直方向上的溢出內容 */
}