小编Nat*_*ald的帖子

如何一个接一个地水平对齐多个图像？它们不必适合宽度屏幕:相反,我希望它们超过后者的宽度,如果这有任何感觉.

我已经检查了类似问题的相当多的答案,但找不到任何可以解决我的问题.

HTML:

<div id="content">
    <img src="Content/Images/Personal/Georges.jpg" alt="Georges" class="images" />
    <img src="Content/Images/Personal/Rose.jpg" alt="Gers" class="images" />
    <img src="Content/Images/Personal/Henry.jpg" alt="Providence" class="images" />
</div>

CSS:

.images
{
display: inline;
margin: 0px;
padding: 0px;
}

#content
{
display: block;
margin: 0px;
padding: 0px;
position: relative;
top: 90px;
height: auto;
max-width: auto;
overflow-y: hidden;
overflow-x:auto;
}

先感谢您.