溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下css中overflow-x屬性怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
overflow-x是overflow子名目，常日也很少用的。overflow-x配置潛藏溢出過寬模式（比喻過寬圖片）、設置對象底部遷移轉變條等需求。
overflow-x語法與基礎領略
1、overflow-x可設置裝備擺設值
overflow-x : visible | auto | hidden| scroll
值與告白介紹：
visible : 不剪切模式也不添加動彈條。
auto : 此為body對象與textarea的默認值。
hidden : 不體現(xiàn)跨越對象寬度的內容
scroll : 總是顯示橫向遷移轉變條
overflow-x語法賞析圖
2、匿伏高出寬度的內容應用小實例
p{width:300px;overflow-x:hidden}設置裝備擺設潛伏P標簽內超越寬度300px的形式，由于筆墨一般會主動換行，通恒久置是提防過寬（超越300px寬度）圖片，潛伏掉逾越300px的圖片內容，如許象征著但圖片寬度超過300px后，只會體現(xiàn)300px寬度模式，過寬會被竄伏（夙昔會溢出或撐破p標簽）。
3、對象底部橫向設置裝備擺設滾動條實例
實例DIV CSS代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>overflow-x 轉折條 CSS5</title>
<style>
.scroll-exp{width:300px;overflow-x:scroll}
</style>
</head>
<body>
<div class="scroll-exp">底部呈現(xiàn)轉動條 底部出現(xiàn)轉動條</div>
</body>
</html>overflow-x:scroll設置裝備擺設動彈條實例截圖
以上是“css中overflow-x屬性怎么用”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業(yè)資訊頻道！
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經查實，將立刻刪除涉嫌侵權內容。
