Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 字幕图像_Html_Css - Fatal编程技术网

Html 字幕图像

Html 字幕图像,html,css,Html,Css,我想知道是否有一个简单的css/html专用方法来解决这个问题。 我正在一个固定宽度的div内创建一个图像的marquee。其中的图像很多,即它们很容易溢出div。这组图像上的简单选框非常简单,默认情况下效果良好。溢出图像只是依次显示。 但我需要一个标题,即每张图片下面的图片名称。我面临的问题是,当我尝试使用简单的标记或CSS添加时,不是将图像marquee放在一行中,而是将溢出div而没有marquee的图像包装在第一个图像下方。这意味着,图像越多(处于静止状态的div之外),行数就

我想知道是否有一个简单的css/html专用方法来解决这个问题。
我正在一个固定宽度的
div
内创建一个图像的
marquee
。其中的图像很多,即它们很容易溢出
div
。这组图像上的简单
选框
非常简单,默认情况下效果良好。溢出图像只是依次显示。





但我需要一个标题,即每张图片下面的图片名称。我面临的问题是,当我尝试使用简单的标记或CSS添加时,不是将图像
marquee
放在一行中,而是将溢出
div
而没有
marquee
的图像包装在第一个图像下方。这意味着,图像越多(处于静止状态的
div
之外),行数就越多。

我试着把每个图像都放在一个单独的div中,每个div都写在图像下面。此外,对于每个图像,使用多个
span
元素,显示块和固定宽度等于图像宽度,即图像下的一行单独文本 另外,我也尝试过使用
HTML5
标记,但每次都会以某种方式出现相同的问题。

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


提前感谢。

对于HTML4和HTML5来说,
字幕元素是一个非常糟糕的做法。W3C说HTML只是用于标记,而不是用于格式化或动画。您可以根据web标准尝试以下选项之一:

JavaScript或jQuery

与Javascript或jQuery一起使用

CSS3

使用创建字幕动画。




在此处添加标题-1在此处添加标题-2
如果没有工作示例或更多代码,这可能会很困难!瑞珠尔,如果合适的话,接受我的回答!事实上,这仍然不能解决我的问题。问题在于只使用HTML/CSS。我知道存在许多javascript或jquery库。正如我所说的
marquee
不是一个好的选择。你应该学习CSS3动画。