CSS中有一個非常實用的屬性是overflow
,它可以控制元素內容超出可見范圍時的表現方式。
overflow: visible | hidden | scroll | auto;
其中hidden
屬性可以將超出文檔范圍的內容隱藏起來,也就是說,我們可將overflow: hidden;
應用到需要裁剪的元素上,比如一個容器 div。
div { width: 200px; height: 200px; border: 1px solid #ccc; overflow: hidden; }
上述代碼中,我們定義了一個200x200的
元素,將其邊框設置為1像素實心、顏色為灰色,然后應用
overflow: hidden;
屬性。這樣就可以將超出該邊界的任何內容全部隱藏。
總的來說,overflow: hidden;
是一個非常實用的CSS屬性,可以幫助我們進行文檔范圍的元素裁剪和內容隱藏,進而優化用戶體驗。
上一篇浮動css脫離
下一篇css超出顯示三個點