css笔记19（vertical-align）

vertical-align

用设置元素的垂直对齐方式，当只对行内元素或行内块元素有效。

vertical-align ：baselign | top | middle |bottom；

值	描述
baselign	默认，放置在父元素的基准线上
top	把元素的顶端与行内最高元素的顶端对齐
middle	把此元素放置在父元素的中部
bottom	把元素的顶端与行中最低的元素的顶端对齐

图片底部默认空白缝隙问题

原因：图片是行内块元素，默认与基线对齐。

解决方法：

1. 给图片添加vertical-align ：top | middle |bottom；
2. 将图片转换为块级元素display:bloock;