max-width

2019-11-26 16:56:19 浏览数 (2)

用途

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

语法

代码语言：javascript复制

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

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

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

值

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

例子

代码语言：javascript复制

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

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

0 人点赞