溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本文小編為大家詳細介紹“html如何設置div橫向滾動條不顯示”，內容詳細，步驟清晰，細節處理妥當，希望這篇“html如何設置div橫向滾動條不顯示”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。
在html中，可以利用style和“overflow-x”屬性設置div橫向移動滾動條不顯示，當屬性的值設置為“hidden”時，就會不提供橫向滾動機制，語法為“<div style="overflow-x:hidden">”。
本教程操作環境：windows10系統、HTML5版、Dell G3電腦。
html怎樣設置div橫向滾動條不顯示
overflow-x屬性指定如果它溢出了元素的內容區是否剪輯左/右邊緣內容。
語法為：
overflow-x: visible|hidden|scroll|auto|no-display|no-content;
其中參數表示如下：
示例如下：
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<style>
div
{
width:110px;
height:110px;
border:thin solid black;
overflow-y:hidden;
}
</style>
</head>
<body>
<div style="overflow-x:hidden;"><p style="width:140px">
In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since.
'Whenever you feel like criticizing anyone,' he told me, 'just remember that all the people in this world haven't had the advantages that you've had.'
</p></div>
<p>Overflow-x指定是否要剪輯的左/右邊緣的內容.</p>
<p>Overflow-y指定是否要剪輯的頂部/底部邊緣的內容</p>
</body>
</html>當沒有給div元素添加style="overflow-x:hidden;"樣式時，輸出結果如下：
上述示例添加了該樣式，輸出結果如下：
html的全稱為超文本標記語言，它是一種標記語言，包含了一系列標簽．通過這些標簽可以將網絡上的文檔格式統一，使分散的Internet資源連接為一個邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動畫、聲音、表格、鏈接等，主要和css+js配合使用并構建優雅的前端網頁。
讀到這里，這篇“html如何設置div橫向滾動條不顯示”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
