四、图片去除白边

（一）问题

• img 标签默认垂直方向居中
• 多张图片纵向排列时底部会有空隙

（二）成因

• img 标签是行块盒
• 带有文本属性（inline）的元素在行内会按照文本基准线对齐

（三）解决

1.设置 img 垂直顶部对齐

img {
  vertical-align: top;
}

2.设为块盒

img {
  display: block;
}

3.父元素文字大小设为 0

• 父元素内部没有其他文本时才可使用

div {
  font-size: 0;
}