在CSS中,overflow是用來控制元素內部內容溢出時的處理方式的屬性,可以在水平或垂直方向上顯示滾動條或隱藏部分內容等。
/* 其中x部分可以是hidden、scroll、auto、visible */ overflow-x: x; /* 其中y部分可以是hidden、scroll、auto、visible */ overflow-y: y;
這個屬性有兩個值,分別是overflow-x
和overflow-y
,分別代表水平和垂直方向上的內容溢出處理方式。
hidden表示隱藏超出元素框的部分,也就是完全截斷(不產生滾動條)。
overflow: hidden;
scroll表示在元素里生成一個滾動條,可以通過滾動條查看超出的部分。
overflow: scroll;
auto表示根據需要自動決定是否產生滾動條,如果內容溢出,就顯示滾動條。
overflow: auto;
visible表示不產生滾動條,超出元素框的部分將呈現在元素外面。
overflow: visible;
以上就是overflow
屬性的常用屬性值,使用時可以根據實際需求進行選擇。