怎樣隱藏溢出元素中溢出的內容

本例演示元素中的內容太大以至於無法適應指定的區域時,如何設置 overflow 屬性來隱藏其內容。

怎樣隱藏溢出元素中溢出的內容

步驟/方法

(01)在編輯器中輸入以下代碼:<html><head><style type="text/css">div{background-color:#00FFFF;width:150px;height:150px;overflow: hidden}</style></head><body><p>如果元素中的內容超出了給定的寬度和高度屬性,overflow 屬性可以確定是否顯示滾動條等行爲。</p><div>這個屬性定義溢出元素內容區的內容會如何處理。如果值爲 scroll,不論是否需要,用戶代理都會提供一種滾動機制。因此,有可能即使元素框中可以放下所有內容也會出現滾動條。默認值是 visible。</div></body></html>

(02)在瀏覽器中的運行結果爲:

怎樣隱藏溢出元素中溢出的內容 第2張

特別提示

本文僅供參考