CSS 属性

min-width 属性用于设置元素宽度的下限。

属性值

  • <length> − 任何长度单位。该元素的宽度值永远不能低于该值。默认值为 0。

  • <length>: 它以包含块宽度的百分比设置元素的最小宽度。

  • initial: 将 min-width 的值设置为其默认值。

  • inherit: min-width 的值从其父值继承。

适用范围

除不可替换的内联元素和表格元素之外的所有 HTML 元素。

DOM 语法

object.style.minWidth = "50px"

CSS min-width 示例

这是另一个示例，演示了 min-width 属性中不同类型值的用法 -

<html>
<head>
<style>
   .box1 {
      min-width: 300px;
      background-color: yellow;
      padding: 20px;
      margin-bottom: 5px;
   }
   .box2 {
      min-width: 30%;
      background-color: lightgrey;
      padding: 20px;
      display: inline-block;
      margin-bottom: 5px;
   }
</style>
</head>
<body>
      <div class="box1">此框的最小宽度为 300px</div>
    <div class="box2">此框的最小宽度为 30%。</div>
    <div class="box2">
       该框的最小宽度为 30%。 但内容大于最小宽度。
       因此 min-width 的值没有影响。 这是一个可以使用 CSS 设置样式的维度属性。
    </div>
</body>
</html>