0
我已经制作了一个列表，其中包含很少的元素。图像对齐问题
现在一切看起来都正确，除了图像，如果我尝试添加至少一个图像我得到所有列表搞砸了，我可以使用div而不是img标记，但我需要调整图像的大小。
Iv'e一直处于这四款几个小时了，我只是无法弄清楚是什么导致这，这里是我的代码：http://jsfiddle.net/QwcG5/1/我希望有人能帮助我:)
Q
图像对齐问题
A
回答
0
看到小提琴和演示：
小提琴：http://jsfiddle.net/QwcG5/13/
演示：http://jsfiddle.net/QwcG5/13/embedded/result/
我已经设置了整个布局流体，它不会打破下一行的列两李的将是在那里respectiv仅限e <li>。
注意：结构没有修改。
+0
只要您调整窗口的某些像素的大小，就会中断。 – 2012-03-25 16:29:39
1
添加vertical-align：middle;它会好的。 http://jsfiddle.net/QwcG5/16/ 我也建议李肇星更换这些div
<div class="verify_list_block">1</div>
，并封闭在一个单独的UL整个事情。看起来比较干净。
<li class="verify_list_item">
<ul class="info">
<li class="verify_list_block">1</li>
<li class="verify_list_block">3</li>
<li class="verify_list_block">4</li>
<li class="verify_list_block">5</li>
</ul>
</li>
+0
我没有改变结构。并在你的小提琴http://jsfiddle.net/QwcG5/16/当我们放大或缩小div（列）正在打破另一条线。 – w3uiguru 2012-03-25 16:31:36
+0
我的布局比较灵活：当没有足够的空间时，项目就在下一行。你的情况发生了变化，一切都转向底部。您正在使用vertical-align：top;你应该在哪里使用vertical-align：middle; .- – 2012-03-25 16:35:31
您的预期结果是什么？ – Zeta 2012-03-25 15:59:06
@Zeta我觉得很明显，右边的块应该与第一个包含图像的块在同一行，你可以看到右边界是如何降低很多的。 – Linas 2012-03-25 16:02:26
看到我的答案，让我如果有任何问题，或者这不是你的要求。请指定是否需要更改。 – w3uiguru 2012-03-25 16:14:30