提供Discuz ,ECShop ,PHPCMS ,帝国CMS ,CSS教程 ,PHP教程 ,DedeCMS ,WordPress ,HTML教程等cms问题查询.
当前位置: CSS教程 > css width属性怎样用【css教程】,css width属性

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属性怎样用的细致内容,更多请关注ki4网别的相干文章!

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

分享到:
赞(0) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

标签:

上一篇:

下一篇:

相关推荐

0 条评论关于"css width属性怎样用【css教程】,css width属性"

最新评论

    暂无留言哦~~

博客简介

看古风美女插画Cos小姐姐,素材合集图集打包下载:炫龙网,好看二次元插画应有尽有,唯美小姐姐等你来。

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

服务热线:
 

 QQ在线交流

 旺旺在线