文章目录

• 1. 设置元素尺寸
• • 1.1 数值设置
  • 1.2 百分百设置
• 2. 最大值、最小值
• 3. 设置行间距

1. 设置元素尺寸

1.1 数值设置

img.normal {height:auto;width:auto;}
img.big {height:100px;width:100px;}
img.small {height:50px;width:50px;}

1.2 百分百设置

img.normal {height:auto;}
img.big {height:50%;}
img.small {height:10%;}

2. 最大值、最小值

• 设置元素最大值

max-height: 50px;
max-width:500px;

• 设置元素最小值

min-height: 50px;
min-width:500px;

3. 设置行间距

• 用像素设置

p.small {line-height:10px;}
p.big {line-height:50px;}

• 用百分比设置

p.small {line-height:30%;}
p.big {line-height:200%;}

• 用数值设置

p.small {line-height:0.3;}
p.big {line-height:2;}