min-width

设置元素的最小宽度。

语法

{ min-width: sMinWidth }

可能的值

sMinWidth

用于指定或接收元素的最小宽度的变量:

length

浮点数,后跟绝对单位指示符(cmmminptpc)或相对单位指示符(emexpx)。

有关支持的长度单位的详细信息,请参阅长度单位参考

percentage

后跟百分号 (%) 的整数,用于指定要用作元素最小宽度的包含块宽度的百分比。如果未显式设置包含块的宽度,则元素没有最小宽度,并且 min-width 属性将被解释为 0%。有关容器块和如何计算其宽度的详细信息,请参阅 Cascading Style Sheets (CSS), Level 2, Revision 1 (CSS2.1)(级联样式表 (CSS),第 2 级,修订版本 1 (CSS2.1))规范。

此属性没有默认值。该属性不会被继承。

注解

min-widthmax-width 属性适用于浮动和绝对定位的块级别元素以及内联块元素,并且还适用于某些内部控件。它们不适用于非替换的内联元素,例如表行和行/列组。(“替换的”元素本身具有尺寸,例如 IMG 元素或 TEXTAREA 元素。)

只能在严格的 !DOCTYPE 下启用此属性。

示例

以下示例显示如何使用 min-widthmax-width 属性来约束 DIV 元素的宽度。只能用 Microsoft Internet Explorer 7 或更高版本来查看此示例。

<!DOCTYPE html PUBLIC "-//W3C//Dtd XHTML 1.0 Strict//EN">
<html>
<head><style>
.width {
    width:50%;
    min-width:200px;
    max-width:400px;
    background:#eee;
}
.content {
    border :1px solid #c00;
    padding:5px;
}
</style>
</head>
<body>
<div class="width">
<div class="content">
        <h2>{min-width:200px; max-width:400px}</h2>
        <p>This div has a width of 50%. Resize the window
         to grow and shrink the div from max to min width.<br/><br/>
         The outer div controls the width of the inner "content" div.
         Note that the div height increases to accomodate the flow of text.</p>
</div>
</div>
</body>
</html>

标准信息

此属性在 Cascading Style Sheets (CSS), Level 2 (CSS2)(级联样式表 (CSS),第 2 级 (CSS2))中定义。

应用于

A、ABBR、ACRONYM、ADDRESS、APPLET、B、BDO、BIG、BLOCKQUOTE、BUTTON、CAPTION、CENTER、CITE、CODE、CUSTOM、DD、DEL、DFN、DIV、DL、DT、EM、FIELDSET、FONT、FORM、HN、HR、I、IMG、INPUT TYPE=BUTTON、INPUT TYPE=CHECKBOX、INPUT TYPE=FILE、INPUT TYPE=IMAGE、INPUT TYPE=PASSWORD、INPUT TYPE=RADIO、INPUT TYPE=RESET、INPUT TYPE=SUBMIT、INPUT TYPE=TEXT、INS、LI、OL、OPTION、P、Q、RT、RUBY、S、SELECT、SPAN、SUB、TT、U、UL、VAR、XMP

另请参见

概念

max-width