- 博客(6)
- 收藏
- 关注
RSS订阅原创 vertical-align真的理解了么
你会发现下方出现了像素问题，并不是只有图片下方才会有3像素问题，问题的产生是因为行盒要包裹当前行所有内容，但这时候文本和span之间默认是基于baseline对齐的，span就会偏上一点点因为是基于字母x去对齐的，这时候只要我们给span一个vertical-align为bottom就会解决或者top或者middle。这时候我们引入行盒的概念，行盒可以有多行，一个div元素中可以存在多个行盒，行盒是要包裹当前行所有的内容。以下案例div中只有一个行盒，行盒要包裹所有元素那变成了如下效果。
2023-12-14 13:03:39
375
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人