0

我不知道现在该怎么办。

我正在创建滑块图片。但这个问题是我想让我的<img>标签向左浮动以制作幻灯片图片

#broadcast是代表阶段。

#overflow是表示溢出图片的掩码。

#inner代表图片容器。

article表示包含每个图像。

我将通过margin-left在#inner. 现在我只将文章标签设置为float左侧，但它并没有像我预期的那样进行。先生，我应该怎么做才能使它在其父宽度上对齐？

<div id="broadcast">
    <div id="overflow">
        <div id="inner">

            <article>
                <img src="001.png">
            </article>
            <article>
                <img src="002.ong">
            </article>
            <article>
                <img src="003.png">
            </article>

        </div>
    </div>
</div>
4

1 回答 1

3

在这里你有一个小提琴如何让它们彼此对齐并在它们溢出溢出 div 时仍然隐藏它们，现在你只需要使用 javascript 对其进行动画处理，或者对我来说一些复杂的 css ;)

http://jsfiddle.net/8eaQj/

CSS：

article{
    float:left;
}
#inner{
    height:150px;
    overflow:hidden;
    width:1050px;
}
#overflow{
    width:350px;
    overflow:hidden;
}

html:

<div id="broadcast">
    <div id="overflow">
        <div id="inner">

            <article>
                <img src="http://placehold.it/350x150&text=1">
            </article>
            <article>
                <img src="http://placehold.it/350x150&text=2">
            </article>
            <article>
                <img src="http://placehold.it/350x150&text=3">
            </article>

        </div>
    </div>
</div>
于 2013-04-21T11:53:11.803 回答