举报投诉联系我们 手机版 热门标签 VUE中文网
您的位置:VUE中文网 > css min-width CSS min-width 属性

css min-width CSS min-width 属性

2023-05-23 05:17 CSS参考手册

css min-width CSS min-width 属性

css min-width

CSS min-width 属性定义了一个元素的最小宽度,即使在元素的内容或者其他因素导致元素变得更小时,也不会低于这个值。min-width 属性可以用来限制一个元素的最小宽度,以便在浏览器中显示更好的布局。

div {
    min-width: 200px;
}

上面的代码表明,div 元素的最小宽度是 200px。如果 div 的内容或者其他因素导致 div 的宽度变得更小,那么 div 的宽度将不会低于 200px。

min-width 属性可以用来限制一个元素的最小宽度,这样可以保证在浏览器中显示出正常的布局。例如,当一个 div 元素包含多行文字时,如果不使用 min-width 属性来限制 div 的最小宽度,那么当文字行数增加时,div 的宽度也会随之增加,这样会造成布局混乱。而使用 min-width 属性后,即使文字行数增加了,div 的最小宽度也不会高于 min-width 所设置的值。

CSS min-width 属性

CSS min-width 属性

实例

设置段落的最小宽度:

p
{
min-width:1000px;
}


属性定义及使用说明

min-width属性设置元素的最小宽度。

注意: min-width属性不包括填充,边框,或页边距!

默认值:0
继承:no
版本:CSS2
JavaScript 语法:object.style.minWidth="10px"


浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性     
min-width1.07.01.02.0.24.0

属性值

描述
length定义元素的最小宽度值。默认值:取决于浏览器。
%定义基于包含它的块级对象的百分比最小宽度。
inherit规定应该从父元素继承 min-width 属性的值。


相关文章

CSS 教程: CSS Dimension

CSS 参考手册: max-width 属性

阅读全文
以上是VUE中文网为你收集整理的css min-width CSS min-width 属性全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 VUE中文网 vue88.com 版权所有 联系我们