CSS3 overflow-x 屬性

2022-06-02 16:27 更新

實例

裁剪 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)容。測試
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號