Question

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

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

我已经尝试将每个图像封装在一个单独的div中，在图像下方写入。此外，对于每个图像，使用具有显示块和固定宽度等于图像宽度的多个span元素，即图像下的单独文本行。此外，我尝试使用HTML5和<figure>的{{1}}代码，但每次都会出现同样的问题。

如果只使用HTML和CSS有任何可能的解决方案，请建议。
附：此页面是静态的。

提前致谢。

Answer 1

marquee元素是proprietary tag，对HTML4和HTML5来说是一个糟糕的实践。 W3C表示HTML仅用于标记，而不用于格式化或动画。您可以根据网络标准尝试其中一种选择：

JavaScript或jQuery

使用带有Javascript或jQuery的slider script。

<强> CSS3

使用CSS3创建选框动画。

Answer 2

<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>

带有标题的选框图像

2 个答案: