如何强制图像在同一行中对齐？

Question

用图像解释很容易，这就是我想要的：like Google Play, the image could be viewed in a scrolling box! 但是当我把它放入标签时我得到的是这样的：

我的代码：

<div style="overflow: scroll; display: inline-block;">
<a class="lightview" title="image1" href="http://1.png" rel="lightbox">
<a class="lightview" title="image2" href="http://2.png" rel="lightbox">
<a class="lightview" title="image3" href="http://3.png" rel="lightbox">
</div>

Answer 1

指定文本永远不会换行：

white-space: nowrap;

的 Fiddle

Answer 2

您需要将包含div的高度限制为图像的高度。