這篇文章主要介紹css中width屬性的使用方法,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
我們提供的服務有:網站制作、網站建設、微信公眾號開發、網站優化、網站認證、仲巴ssl等。為上千企事業單位解決了網站和推廣的問題。提供周到的售前咨詢和貼心的售后服務,是有科學管理、有技術的仲巴網站制作公司min-width屬性定義及用法
在css中,min-width屬性是使用來設置元素的最小寬度,就是元素可以比指定值寬,但不能比其窄,不允許指定負值。該屬性設置的最小寬度不包括填充,邊框,或頁邊距。
min-width屬性一般是用來防止元素寬度過小而破壞整體布局,當不想固定元素的寬度,又怕元素寬度過小影響整體布局的時候,就可以使用min-width屬性。設置最小寬度之后,就算元素沒有內容,元素也有寬度。
min-width屬性相似屬性
max-height屬性:設置元素大高度
max-width屬性:設置元素大寬度
min-height屬性:設置元素最小高度
min-width屬性語法格式
css語法:min-width:length/%/inherit
JavaScript 語法: object.style.minWidth="10px"
屬性值說明
length:定義元素的最小寬度值(默認取決于瀏覽器)
%:定義基于包含它的塊級對象的百分比最小寬度
inherit:從父元素繼承min-width屬性的值
實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>css min-width屬性設置元素最小寬度</title> <style type="text/css"> .div{min-width:400px;height:100px;background:aliceblue;border:1px solid red;} </style> </head> <body> <div class="div">該元素的最小寬度為400px;將瀏覽器拖動變小, <br/>該元素達到400px后不會再變小</div> </body> </html>
運行結果
以上是css中width屬性的使用方法的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注創新互聯行業資訊頻道!
另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
網站題目:css中width屬性的使用方法-創新互聯
瀏覽路徑:http://vcdvsql.cn/article16/didsdg.html
成都網站建設公司_創新互聯,為您提供虛擬主機、用戶體驗、網站設計、定制開發、移動網站建設、網站內鏈
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯