【疑难总结】行内块元素文字和图片对齐问题

一张图片和一个已转换为行内块元素的span对齐时遇到的问题总结了一下

如果是浮动的元素则不需要考虑该问题

1.父元素有font-size：0样式：

（已为span设置文字大小）

• 给图片或span设置了vertical：top后，图片的margin-top和padding-top可以调整（有效果），bottom不能调整（无效）
• 给图片或span设置了vertical：bottom后，图片的margin-bottom和padding-bottom可以调整（有效果），top属性无效
• 给图片或span设置其他vertical属性，都无法调整span的上下间距

2.父元素没有font-size：0样式：

• 无法为转换为行内块的span元素设置任何上下边距