使用CSS垂直对齐图像

Question

我有一个this代码：

<div>
  <ul>
    <li>Lorem Ipmsum<img src="" alt="img" /></li>
    <li>Some Text <img src="img.jpg" alt="img" /></li>
    ...
  </ul>
</div>

我会通过CSS所有的img垂直对齐，因为这样每个图像都离每个li的文本太近了

我该怎么做呢？

编辑：

我的意思是在列中精确地对齐img。

Answer 1

试试这个JS小提琴，它展示了如何做我认为你正在努力完成的事情。

http://jsfiddle.net/J9z5D/

Answer 2

根据w3schools here的说法，您可以使用以下命令：

img
{
    vertical-align: text-top;
}

(您也可以使用text-bottom或middle)

Answer 3

我没有正确理解这个问题--但如果你想垂直对齐文本和图像，并在文本和图像之间留出一些空白，你可以这样做-- <li><span>some text</span><img src="something.png" style="vertical-align:top;margin-left:10px"/></li>