html - 如何从选取框中删除尾随空格？

Question

我开发了一个不断向上移动的跑马灯。

但真正的问题是在完成滚动最后一张图片后，第一张图片和最后一张图片之间存在巨大差距。我只想删除附加到最后一张图像底部的尾随空格。有没有人帮我找出解决方案。提前致谢。

HTML :

<div style="margin-left:760px;border:0px;height:300px; width:265px;">
    <marquee bgcolor="transparent" scrollamount="8" direction="up" width="265px;" style="float:left; position:absolute;" loop="true" height="300px" onmouseover="this.stop()" onmouseout="this.start()">
        <img src="http://s30.postimg.org/bab6pd5wd/i05.jpg" width="220" style="z-index:11;" />
        <br>
        <img src="http://s30.postimg.org/84qkz5na5/i06.jpg" width="220" />
        <br>
        <img src="http://s30.postimg.org/nxvjfma71/i07.jpg" width="220" />
        <br>
        <img src="http://s30.postimg.org/lf9uexogt/i08.jpg" width="220" />
        <br>
        <img src="http://s30.postimg.org/g6eth261p/i09.jpg" width="220" />
        <br>
        <img src="http://s30.postimg.org/wvg9cz2n1/i10.jpg" width="220" />
        <br>
    </marquee>
</div>

我所做的就在这里:http://jsfiddle.net/vivekbhintade/xuwN2/13/

Answer 1

删除最后一个 <br>从你的选框应该这样做，加上检查你的 css 并确保那里的图像没有添加边距。

正如其他人所指出的，使用 <marquee>标签现在真的是不好的做法。如果您四处看看，有很多非常好的 jquery marquee 插件。