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; }
执行结果