html - 如何在选取框幻灯片放映中的每张图片下方写下文字

<分区>

想改进这个问题吗？ 通过 editing this post 添加细节并澄清问题.

关闭 9 年前。

我想在这个选取框幻灯片放映中的每张图片下方写下三行文字。

<marquee bgcolor="#FFFFFF" height="5%" width="600px" direction="left" scrolldelay="120" align="middle" >
    <img src="http://static.ddmcdn.com/gif/storymaker-best-hubble-space-telescope-images-20092-514x268.jpg" width="120px" height="120px" border="5"/>
    <img src="http://www.pictures-of-cats.org/images/Pixiebob-cat-list-of-cat-breeds-pictures-of-cats.jpg" width="120px" height="120px" border="5"/>
    <img src="http://www.pictures-of-cats.org/images/ragdoll-cat-small-pictures-of-cats.jpg" height="120px" width="120px" border="5"/>
    <img src="http://www.pictures-of-cats.org/images/ragdoll-cat-small-pictures-of-cats.jpg" height="120px" width="120px" border="5" />
    <img src="http://www.pictures-of-cats.org/images/Pixiebob-cat-list-of-cat-breeds-pictures-of-cats.jpg" height="120px" width="120px" border="5" />
    <img src="http://www.pictures-of-cats.org/images/Pixiebob-cat-list-of-cat-breeds-pictures-of-cats.jpg" height="120px" width="120px" border="5" />
    <img src="http://static.ddmcdn.com/gif/storymaker-best-hubble-space-telescope-images-20092-514x268.jpg" height="120px" width="120px" border="5"/>
    <img src="Animal68.gif" height="120px" width="120px" border="5" />
    <img src="http://static.ddmcdn.com/gif/storymaker-best-hubble-space-telescope-images-20092-514x268.jpg" height="120px" width="120px" border="5" />
    <img src="http://www.pictures-of-cats.org/images/Pixiebob-cat-list-of-cat-breeds-pictures-of-cats.jpg" height="120px" width="120px" border="5" />
</marquee>

最佳答案

这是您要找的吗？:

JSFIDDLE

用 div 包装 img 标签，然后像这样设置样式:.item { float:left} (class item 随心所欲，我只是在这里使用，因为那是 FIDDLE 上使用的类)

关于html - 如何在选取框幻灯片放映中的每张图片下方写下文字，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22635775/