0

我有一个图像滑块/查看器，其中包含一堆图像的绝对定位的 div 位于固定宽度的相对 div 内。问题是图像在绝对定位的 div 中一个在另一个下方，而不是在水平方向上彼此相邻 - 即使它们被赋予属性 float:left; - 如何防止它们换行（类似于通过 no-wrap 属性防止文本这样做？我可以给绝对定位的 div 一个包含其所有元素的宽度属性，而不通过 javascript 计算该宽度吗？这是代码：

<div id="homeSlider" style="width:800px; position:relative;">
    <div id="homeSlides" style="position:absolute;">
        <img class="homeSlide" src="images/temp-portfolio.jpg" alt="Portfolio Item"/>
        <img class="homeSlide" src="images/temp-portfolio.jpg" alt="Portfolio Item"/>
    </div>
</div>
4

1 回答 1

3

最简单的事情（如果可能的话）是将img项目设置为display: inline-block，然后将其设置homeSlides为 have ，然后一起white-space: nowrap避免。float

见小提琴。

于 2012-07-28T16:19:16.130 回答