可以使图像水平重复而不是背景图像

Question

我想要一个水平重复的图像，但我不想让它成为背景图像。有没有办法像这样水平重复<img>元素，或者我是否必须将其作为背景图像？

Answer 1

使用repeat-x制作背景图片。如果你使用JavaScript，你可以重复一个<img>来填充一个容器，但是我想不出为什么有人想这样做。

如果你试图使图像源动态或某种东西，这就是为什么你试图避免将其硬编码为CSS中的图像，那么你也可以使用JavaScript或服务器端语言，如PHP动态地向容器元素添加style="background-image:url('http://example.com/images/image.jpg')"属性。