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

Question

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

Answer 1

早上好。 只有 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>