用途
min-widht 规定设置最小宽度，且能阻止 height 属性的设置值比 min-width 小。
min-width 的值会同时覆盖 max-width 和 width。
语法
代码语言：javascript复制/* <length> value */
min-widht: 2.5em;
/* <percentage> value */
min-widht: 95%;
/* Keyword values */
min-widht: none;
min-widht: max-content;
min-widht: min-content;
min-widht fit-content;
min-widhtt: fill-available;
min-widhtt: inherit;值
值 | 描述 |
|---|---|
<length> | 此关键词指定一个固定的最小宽度。 |
<percentage> | 此关键词表示相当于包含该元素的块的宽度(即相当于该块的百分比)。若块未明确的指定宽度，则该百分比相当于none |
max-content | 此关键词表示内在的最大高度。 |
min-content | 此关键词表示内在的最小高度。 |
fill-available | 此关键词表示包含的块的高度减去水平方向上的 margin 、 border 和 padding。 |
fit-content | 此关键词表示内在的最大高度。 |
例子
代码语言：javascript复制/* HTML */
<div id="gray"> Hudaokeji. </div>
/* CSS */
#gray {
min-width: 300px;
margin: auto;
background: gray;
text-align: center;
}
