CSS min-width 属性

2025年3月26日 | 阅读 2 分钟

它用于设置元素的 content box 的最小宽度。这意味着 content box 的宽度可以大于 min-width 值,但不能小于。它设置了元素宽度的下限。

当内容小于最小宽度时,该属性将生效;否则,如果内容大于最小宽度,则此属性无效。此属性可确保 CSS width 属性的值不能小于 min-width 属性的值。它不允许负值。

语法

此 CSS 属性的值定义如下:

none: 这是默认值,它不会限制 content box 的宽度。

length: 此值以 px、cm、pt 等为单位定义 min-width 的长度。

**初始:**它将属性设置为其默认值。

inherit: 它继承父元素的属性。

现在,让我们来看一个使用此 CSS 属性的示例。

示例

在此示例中,有四个带有内容的段落元素。我们使用 min-width 属性的 length 值来定义这些段落的最小宽度。第一个段落的最小宽度为 425px,第二个段落为 22em,第三个段落为 220pt,第四个段落的最小宽度设置为 initial

输出

CSS min-width property
下一主题CSS border-image