CSS min-width 属性-之路教程

语法

min-width: none | length | initial | inherit;

min-width 属性的示例：

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
    <style>
      div {
        width: 10px;
        min-width: 70%;
        background-color: #1c87c9;
        color: #ffffff
      }
    </style>
  </head>
  <body>
    <div>将这个文本的最小宽度设置为70%.</div>
  </body>
</html>

这里元素的最小宽度是 10cm：

“cm”中指定的 min-width 属性示例：

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
    <style>
      span {
        background-color: #ccc;
        min-width: none;
      }
      .example {
        min-width: 10cm;
        display: inline-block;
      }
    </style>
  </head>
  <body>
    <h2>Min-width 属性示例</h2>
    <h3>Min-width: none:</h3>
    <span>将最小宽度设置为none</span>
    <h3>min-width: 10cm:</h3>
    <span class="example">将最小宽度设置为10厘米</span>
  </body>
</html>

CSS min-width 属性

min-width 属性设置元素的最小宽度。
此属性可防止 width 属性的值变得小于为 min-width 指定的值。

同时， min-width 属性覆盖了 width 属性和 CSS max-width 属性。

该属性采用 CSS 长度（px、pt、em 等）或者百分比。

负长度值是非法的。

初始值	0.
应用于	所有元素，但未替换的内联元素，表行和行组。
继承	无效
可动画的	是的。宽度是有动画的。
版本	CSS2.
DOM 语法	object.style.minwidth =“200px”;

CSS min-width 属性值说明

值	描述
auto	浏览器计算并为给定元素选择MIN宽度。
length	定义PX，PT，CM等中的最小宽度。默认值为0。
%	设置包含元素％的最小宽度。
initial	使属性使用其默认值。
inherit	从父母元素继承属性。

日期：2020-06-02 22:14:39 来源：oir作者：oir

←CSS min-height 属性

CSS mix-blend-mode 属性→

语法

min-width 属性的示例：

“cm”中指定的 min-width 属性示例：

CSS min-width 属性值说明

目录