css中width屬性的使用方法

這篇文章主要介紹css中width屬性的使用方法，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)公司專注于企業(yè)全網(wǎng)整合營銷推廣、網(wǎng)站重做改版、普洱網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、html5、商城網(wǎng)站制作、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為普洱等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

min-width屬性定義及用法

在css中，min-width屬性是使用來設(shè)置元素的最小寬度，就是元素可以比指定值寬，但不能比其窄，不允許指定負(fù)值。該屬性設(shè)置的最小寬度不包括填充，邊框，或頁邊距。

min-width屬性一般是用來防止元素寬度過小而破壞整體布局，當(dāng)不想固定元素的寬度，又怕元素寬度過小影響整體布局的時候，就可以使用min-width屬性。設(shè)置最小寬度之后，就算元素沒有內(nèi)容，元素也有寬度。

min-width屬性相似屬性

max-height屬性：設(shè)置元素最大高度

max-width屬性：設(shè)置元素最大寬度

min-height屬性：設(shè)置元素最小高度

min-width屬性語法格式

css語法：min-width:length/%/inherit

JavaScript 語法： object.style.minWidth="10px"

屬性值說明

length：定義元素的最小寬度值（默認(rèn)取決于瀏覽器）

%：定義基于包含它的塊級對象的百分比最小寬度

inherit：從父元素繼承min-width屬性的值

實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css min-width屬性設(shè)置元素最小寬度</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/>該元素達(dá)到400px后不會再變小</div>
</body>
</html>

運(yùn)行結(jié)果

以上是css中width屬性的使用方法的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)頁題目：css中width屬性的使用方法
網(wǎng)頁地址：http://chinadenli.net/article46/iigseg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、手機(jī)網(wǎng)站建設(shè)、云服務(wù)器、網(wǎng)站內(nèi)鏈、企業(yè)建站、企業(yè)網(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)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

css中width屬性的使用方法