📅  最后修改于: 2020-11-05 02:17:48             🧑  作者: Mango
它用于设置元素内容框的最小宽度。这意味着内容框的宽度可以大于最小宽度值,但不能更短。它设置元素宽度的下限。
当内容小于最小宽度时将应用它;否则,如果内容较大,则此属性无效。此属性确保CSS width属性的值不能小于min-width属性的值。它不允许负值。
min-width: none | length | initial | inherit;
此CSS属性的值定义如下:
none:这是默认值,不限制内容框的宽度。
length:此值定义最小宽度的长度,以px,cm,pt等为单位。
initial:将属性设置为其默认值。
inherit:它从其父元素继承属性。
现在,让我们来看一个使用此CSS属性的示例。
在此示例中,内容包含四个段落元素。我们使用min-width属性的length值定义这些段落的最小宽度。第一段的最小宽度为425px,第二段的宽度为22em,第三段的宽度为220pt,第四段的最小宽度设置为initial。
min-width property
min-width: 425px;
Hi, Welcome to the javaTpoint.com.
min-width: 22em;
Hi, Welcome to the javaTpoint.com.
min-width: 220pt;
Hi, Welcome to the javaTpoint.com.
min-width: initial;
Hi, Welcome to the javaTpoint.com.
输出量