html怎麼禁止橫向捲動

在html中，可以利用overflow-x屬性來禁止橫向捲動，只需為body元素新增「overflow-x:hidden;」樣式即可；此樣式可以規定當內容橫向超出頁面時，不提供橫向捲動機制，而是裁切並隱藏溢出的內容。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

在html中，可以利用overflow-x屬性來禁止橫向捲動。如下圖：

說明：

overflow-x 屬性規定是否對內容的左/右邊緣進行裁切 - 如果溢出元素內容區域的話。當該屬性的值為hidden時，會裁切內容 - 不提供滾動機制。

overflow-x 屬性的屬性值：

##visible 不裁切內容，可能會顯示在內容框之外。 hidden裁切內容 - 不提供捲動機制。 scroll裁切內容 - 提供捲動機制。 auto如果溢出框，則應該提供捲動機制。 no-display如果內容不適合內容框，則刪除整個框。 no-content如果內容不適合內容框，則隱藏整個內容。

#值	描述

推薦教學：《

html影片教學》

以上是html怎麼禁止橫向捲動的詳細內容。更多資訊請關注PHP中文網其他相關文章！