html - 想要重复一个 div 来填充它的父级

标签 html css

我有一个包含图像和一些文本的 div。

我想重复这个 div 以便它填满整个父级。

理想情况下,它的工作方式与为背景平铺图像的工作方式相同,但它是一个 div 而不是平铺图像。

最佳答案

我不认为有一种方法可以只用纯 html/css 来做到这一点。 您必须使用 Javascript 或其他技术来克隆 div

也许看看jQuery's .Clone()并制作一个 while 循环来检查直到 Parent overflows

根据您的具体需要,您可以从 div 中制作图像,然后只需background-repeat 即可。

关于html - 想要重复一个 div 来填充它的父级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52081705/

相关文章:

javascript - 图像上的悬停效果就像出现一个按钮

jquery - 从垂直变为水平

当元素快速调整大小时,JavaScript offsetWidth 和 offsetHeight 给出错误的值

javascript - JavaScript 幻灯片放映不起作用

google-chrome - Chrome 浏览器硬件中的 CSS3 转换是否在 PC 中加速?

html - 如何删除CSS中的 ImageView 类

css - 使用 Bootstrap 4,如何将文本固定在图像上?

php - 刷新页面时在mysql中创建新行,为什么?

CSS3 图像框架边框 z 索引

jQuery - 快速点击后标签/输入中断的切换类