overflow 是 css 的一個屬性,用于控制元素內容超出容器時的顯示方式,可用值包括:visible:內容可見,溢出容器hidden:剪切溢出內容scroll:顯示滾動條查看溢出內容auto:瀏覽器自動判斷是否顯示滾動條inherit:繼承父元素的 overflow 屬性
overflow 在 CSS 中的含義
overflow 是一個 CSS 屬性,用于控制元素超出其容器時如何顯示。它指定了元素的內容如何溢出或超出其邊框。
overflow 的值:
overflow 屬性可以取以下值:
visible:內容可以溢出容器,并且可見。
hidden:溢出的內容被剪切,使其不可見。
scroll:如果內容溢出容器,會顯示滾動條以便用戶查看所有內容。
auto:瀏覽器自動決定是否顯示滾動條。如果內容溢出,則顯示滾動條;否則,不顯示。
inherit:從父元素繼承 overflow 屬性。
overflow 的用途:
overflow 屬性通常用于以下情況:
控制文本溢出容器,以防止文本換行位置不當。
在元素中顯示滾動內容,例如表格或列表。
隱藏溢出的圖像或其他內容。
創建視覺效果,例如使內容在容器中滑動。
示例:
<code class="<a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css">/* 隱藏溢出文本 */ div { overflow: hidden; } /* 為溢出內容顯示滾動條 */ ul { overflow: scroll; } /* 自動顯示或隱藏滾動條 */ table { overflow: auto; }</code>
登錄后復制