CSS max-width 属性

有时将元素的宽度限制在一定范围内是有用的。有两个属性 max-width 和 min-width 分别用于设置元素的最小和最大宽度。

CSS 中的 max-width 属性用于设置元素内容框的最大宽度。这意味着内容框的宽度可以小于 max-width 值，但不能大于。它为元素的宽度设置了上限。

当内容大于最大宽度时，元素的高度会自动改变。如果内容小于 max-width，则此属性无效。此属性确保 width 属性的值不能大于 max-width 属性的值。它不允许负值。

语法

此 CSS 属性的值定义如下。

none： 这是默认值，不限制内容框的宽度。

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

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

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

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

示例

在此示例中，有四个带有内容的段落元素。我们使用 max-width 属性的 length 值来定义这些段落的最大宽度。第一个段落的最大宽度为 175px，第二个段落为 20em，第三个段落为 350pt，第四个段落为 10cm。

第一个段落的内容大于 max-width 属性的值，因此在输出中，我们可以看到第一个段落的高度自动改变了。

输出