verticla-align top 为什么能解决图片的对齐问题

1.图片是inline-block元素,有inline元素特性

2.inline元素默认基线对齐

3.把图片看成一个可以设置宽高的文本

4.文本和当前line-box的基线对齐

5.盒子的基线是margin-bottom

6.对齐之后发现文本会在line-box的margin-bottom下面一些,所以出现了文本下沉的问题

7.让文本盒line-box top对齐,文本就不会撑开line-box了

你可能感兴趣的:(对齐方式)