min-width

min-width 规定元素设置最小宽度，且能阻止 height 属性的设置值比 min-width 小。

min-width 的值会同时覆盖 max-width 和 width。

 

语法

/* <length> value */
max-height: 2.5em;

/* <percentage> value */
max-height: 95%;
   
/* Keyword values */
min-width: max-content
min-width: min-content
min-width: fit-content
min-width: fill-available

值

值描述
<length>此关键词指定一个固定的最小宽度。 不可为负值。
<percentage>此关键词指定一个最小宽度相当于包含该元素的块的高度(即相当于该块的百分比)。不可为负值。
max-content 此关键词表示内在的最大高度。
min-content 此关键词表示内在的最小高度。
fill-available 此关键词表示包含块的宽度减去水平 margin、border 和 padding。
fit-content 此关键词等同于 min(max-content, max(min-content, fill-available).

例子

HTML 

<div id="gray">
    Hudaokeji.
</div>

CSS 

#gray {
     min-width: 300px;
     margin: auto;
     background: gray;
     text-align: center;
}

执行结果

Hudaokeji.

参考

相关页面

外部链接


跳至内容顶部