繁体   English   中英

是否可以在 flex 中多次重复一个 div?

[英]Is it possible to repeat one div several times in flex?

我正在尝试在房子上创建一些 windows,这所房子有 30 个 windows。我想知道是否可以只使用一个 div 并重复创建它?

早上好。 只有 CSS 不能使它通用。 CSS 结合 JS 将帮助你实现这个目标:看看下面的例子:

 const h = document.querySelector('.h'); const wc = 30; for(let i = 0; i < wc; i++) { const w = document.createElement('div'); h.append(w); }
 .h { background-color: brown; display: flex; gap: 10px; width: 500px; flex-wrap: wrap; padding:10px; }.h div { background-color: lightblue; height: 50px; width: 50px; }.h div:after { content: ' '; }
 <div class="h"></div>

①如果本文未解决您的问题,请点击查看与本文相关的问题
②如果本文未解决您的问题,请向程序员专用AI小助手提问
暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM