行盒的垂直对齐

行盒的垂直对齐

1、多个行盒垂直方向上的对齐

给没有对齐元素设置vertical-align
1.预设值
baseline：使元素的基线与父元素的基线对齐
sub：使元素的基线与父元素的下标基线对齐
super：使元素的基线与父元素的上标基线对齐
text-top：使元素顶部与父元素的字体顶部对齐
text-bottom：使元素的底部与父元素的字体底部对齐
middle：使元素的中部与父元素的基线加上父元素的x-height的一半对齐
2.数字

2、图片底部的白边

图片的父元素是一个块盒，块盒高度自动，图片底部和父元素底边之间往往会出现空白

1、设置父元素的字体大小为0（但有文字就会显示不出来）
2、将图片设置为块盒（display：block）