max-width

max-width 规定元素设置最大宽度，且在默认情况下，设置初始化宽度的时候接近最大最大宽度。

 

语法

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

/* <percentage> value */
max-width: 95%;

/* Keyword values */
max-width: none;

值

值描述
<length> 此关键词指定一个固定的最大宽度。
<percentage> 此关键词表示相当于包含该元素的块的宽度(即相当于该块的百分比)。
none 此关键词表示不限制宽度。

例子

HTML 

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

CSS 

#red {
     max-width: 300px;
     margin: auto;
     background: red;
     text-align: center;
}

执行结果

Hudaokeji.

参考

相关页面

外部链接


跳至内容顶部