问题

为什么不会 vertical-align:middle 工作?然而, vertical-align:top 可以工作.

<div>
   <img style="width:30px;height:30px">
   <span style="vertical-align:middle">Doesn't work.</span>
</div>


解决方法

实际上,在这种情况下,它很简单:应用垂直对齐到图像.因为它都在一行,它是真正的你想要对齐的图像,而不是文本.

<!-- moved "vertical-align:middle" style from span to img -->
<div>
  <img style="vertical-align:middle" src="https://placehold.it/60x60">
  <span style="">Works.</span>
</div>

在FF3测试.




相关问题推荐