当display设为inline-block时引发的高度问题
解决display设为inline-block时引发的高度问题。
admin
admin

问题描述:当一个元素的display设为inline-block时,元素会产生多余高度。


问题展示:


001.jpg

图一:元素内的内容高度为24px


002.jpg


图二:元素本身的高度为30px



解决方案:

在元素的CSS中添加:vertical-align: bottom;