但是它只针对于行内元素或者行内块元素有效
使用场景: 设置图片或者表单(行内块元素)和文字垂直对齐
解释下为什么图片下面会有留白:
因为浏览器把行内块、行内标签当做文字处理,默认按基线对齐.
图片img的底下有空白,转块级不按基线对齐,空白就消失了.
故有两种处理方法:
- 将图片转为块元素, display: block;
- 在图片中使用 vertical-align 改变对齐方式;
但是它只针对于行内元素或者行内块元素有效
使用场景: 设置图片或者表单(行内块元素)和文字垂直对齐
解释下为什么图片下面会有留白:
因为浏览器把行内块、行内标签当做文字处理,默认按基线对齐.
图片img的底下有空白,转块级不按基线对齐,空白就消失了.
故有两种处理方法: