最小和最大尺寸

要设置元素的最小和最大高度和宽度,可以使用以下属性:

min-width - 元素的最小宽度

min-height - 元素的最小高度

max-width - 元素的最大宽度

max-height - 元素的最大高度

在下面的示例中,我们将不同段落的最小高度和最大宽度设置为100px。

html

<p class ="first">此段落的<strong>最小高度</ strong>设置为100px。</p> 
<p class ="second"> <strong>最大宽度</ strong该段的>设置为100px。</p>

p.first {
   border: 5px solid green;    
   min-height: 100px;       
}
p.second {
   border: 5px solid green;    
   max-width: 100px;       
}

结果