CSS(層疊樣式表)是用來控制網頁樣式的一種標準語言。其中,設置 div 超出隱藏是常見的一種需求。下面是一個實例。
div {
width: 200px;
height: 100px;
overflow: hidden;
}
以上代碼中,設置 div 的寬度為 200 像素,高度為 100 像素。而 overflow 屬性用來決定當內容超出容器尺寸時,如何處理超出部分。
overflow 屬性有以下幾個可能的值:
- visible:默認值。不剪裁內容,可能會覆蓋容器外部。
- hidden:剪裁超出的內容,不會顯示在容器外部。
- scroll:在容器內生成滾動條,使內容可滾動查看。
- auto:在必要時生成滾動條,使內容可滾動查看。
在以上代碼中,通過設置 overflow 屬性為 hidden,超出容器尺寸的內容將被剪裁掉,不會顯示在容器外部。
除了 overflow 屬性,還有一些屬性可以實現相同的效果。比如,使用 clip 屬性可以實現剪裁,需要設置剪裁的 left、right、top 和 bottom 值。不過,為了更方便和簡單,一般情況下還是使用 overflow 屬性來設置超出容器部分的處理方式。
上一篇mysql備注怎么設置