實例
裁剪 div 元素中內(nèi)容的左/右邊緣 - 如果溢出元素的內(nèi)容區(qū)域的話:
div
{
overflow-x:hidden;
}
親自試一試
瀏覽器支持
所有主流瀏覽器都支持 overflow-x 屬性。
注釋:overflow-x 屬性無法在 IE8 以及更早的瀏覽器正確地工作。
定義和用法
overflow-x 屬性規(guī)定是否對內(nèi)容的左/右邊緣進行裁剪 - 如果溢出元素內(nèi)容區(qū)域的話。
提示:使用 overflow-y 屬性來確定對上/下邊緣的裁剪。
默認值: | visible |
繼承性: | no |
版本: | CSS3 |
JavaScript 語法: | object.style.overflowX="scroll" |
語法
overflow-x: visible|hidden|scroll|auto|no-display|no-content;
值 | 描述 | 測試 |
---|
visible | 不裁剪內(nèi)容,可能會顯示在內(nèi)容框之外。 | 測試 |
hidden | 裁剪內(nèi)容 - 不提供滾動機制。 | 測試 |
scroll | 裁剪內(nèi)容 - 提供滾動機制。 | 測試 |
auto | 如果溢出框,則應(yīng)該提供滾動機制。 | 測試 |
no-display | 如果內(nèi)容不適合內(nèi)容框,則刪除整個框。 | 測試 |
no-content | 如果內(nèi)容不適合內(nèi)容框,則隱藏整個內(nèi)容。 | 測試 |
更多建議: