0

我想知道是否有一个简单的 css/html only 方法来解决这个问题。
我正在创建一个固定宽度marquee的图像。div这里面的图像很多，即它们div很容易溢出。这组图像的简单marquee性很简单，默认情况下效果很好。溢出图像被简单地依次显示。
<marquee>
<img ..... />
<img ..... />
<img ..... />
</marquee>

但我想要一个标题，即每张图片下方的图片名称。我面临的问题是，当我尝试使用简单的标记或 CSS 添加它时，而不是将图像marquee放在一行中，那些在第一张图像下方溢出div而不换行的图像。marquee这意味着，图像越多（div静止的外部），行数就越多。

我尝试将每个图像都包含在一个单独的 div 中，并写在图像下方。此外，span对于每个图像，使用具有显示块和固定宽度等于图像宽度的多个元素，即图像下的单独文本行。
另外，我尝试过使用andHTML5的标签，但每次都会以某种方式出现相同的问题。<figure><figcaption>

如果仅使用 HTML 和 CSS 有任何可能的解决方案，请提出建议。
PS这个页面是静态的。

提前致谢。

4

2 回答 2

1

该marquee元素是一个专有标签，对于 HTML4 和 HTML5 来说是一种不好的做法。W3C 说 HTML 仅用于标记，而不用于格式化或动画。您可以根据网络标准尝试其中一种选项：

JavaScript 或 jQuery

使用带有 Javascript 或 jQuery的滑块脚本。

CSS3

使用CSS3创建选取框动画。

于 2013-09-05T03:06:25.360 回答
-3 

<html>
<head>

</head>
<body>
<marquee direction="left"><table><tr><td style="min-width:250px;"><img src="images/img1.png"  alt="" style="width:155px;height:79px;" /><img src="images/img2.png"  alt="" style="width:155px;height:79px;" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</br></br><span style="padding-right:20%;">Add tittle-1 here</span><span style="padding-right:20%;">Add tittle-2 here</span></td></tr></table></marquee>
</body>
</html>

于 2014-12-12T12:28:05.400 回答