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