Question

我有一个代码：

<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>

使用CSS对齐垂直图像

3 个答案: