0
点赞
收藏
分享

微信扫一扫

CSS基础-07-元素大小

minute_5 2022-04-14 阅读 41

文章目录

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;}
举报

相关推荐

0 条评论