html如何設(shè)置div橫向滾動條不顯示

本文小編為大家詳細介紹“html如何設(shè)置div橫向滾動條不顯示”，內(nèi)容詳細，步驟清晰，細節(jié)處理妥當(dāng)，希望這篇“html如何設(shè)置div橫向滾動條不顯示”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識吧。

成都創(chuàng)新互聯(lián)公司專注于武昌網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。熱誠為您提供武昌營銷型網(wǎng)站建設(shè)，武昌網(wǎng)站制作、武昌網(wǎng)頁設(shè)計、武昌網(wǎng)站官網(wǎng)定制、微信小程序開發(fā)服務(wù)，打造武昌網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供武昌網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

在html中，可以利用style和“overflow-x”屬性設(shè)置div橫向移動滾動條不顯示，當(dāng)屬性的值設(shè)置為“hidden”時，就會不提供橫向滾動機制，語法為“<div style="overflow-x:hidden">”。

本教程操作環(huán)境：windows10系統(tǒng)、HTML5版、Dell G3電腦。

html怎樣設(shè)置div橫向滾動條不顯示

overflow-x屬性指定如果它溢出了元素的內(nèi)容區(qū)是否剪輯左/右邊緣內(nèi)容。

語法為：

overflow-x: visible|hidden|scroll|auto|no-display|no-content;

其中參數(shù)表示如下：

html如何設(shè)置div橫向滾動條不顯示

示例如下：

<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指定是否要剪輯的左/右邊緣的內(nèi)容.</p>
<p>Overflow-y指定是否要剪輯的頂部/底部邊緣的內(nèi)容</p>
</body>
</html>

當(dāng)沒有給div元素添加style="overflow-x:hidden;"樣式時，輸出結(jié)果如下：

html如何設(shè)置div橫向滾動條不顯示

上述示例添加了該樣式，輸出結(jié)果如下：

html如何設(shè)置div橫向滾動條不顯示

html是什么

html的全稱為超文本標記語言，它是一種標記語言，包含了一系列標簽．通過這些標簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動畫、聲音、表格、鏈接等，主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁。

讀到這里，這篇“html如何設(shè)置div橫向滾動條不顯示”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領(lǐng)會，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)站標題：html如何設(shè)置div橫向滾動條不顯示
網(wǎng)址分享：http://aaarwkj.com/article18/peijdp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動網(wǎng)站建設(shè)、搜索引擎優(yōu)化、自適應(yīng)網(wǎng)站、網(wǎng)站排名、全網(wǎng)營銷推廣、商城網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

html如何設(shè)置div橫向滾動條不顯示

html是什么