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

電腦
關注：7.7K次

本例演示在元素中的內容太大以至於無法適應指定的區域時，如何設置 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）在瀏覽器中的運行結果為：