输入之间的BR标签不会造成换行符[关闭]

Question

关闭。 这个问题是题外话。 它当前不接受答案。 了解更多 。

---

想改善这个问题吗？ 更新问题 ，使其成为Stack Overflow 的主题 。

9个月前关闭。

我有一排输入（来自type button ），我想在每3个之间创建一个行距。所以我这样做：

 for(var i = 1; i <= 9; i++) { if(i%3 == 0) $('#input' + i).before('<br>'); } 

按钮保持在其位置。 图片：

有人吗？

编辑：

问题出在CSS中，我将主div的display设置为inline-grid 。 感谢所有尝试帮助的人。

Answer 1

将<br>附加在button之后而不是前面。

 for (var i = 1; i <= 9; i++) { if (i % 3 == 0) $('#input' + i).after('<br>'); } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button id="input1">a</button> <button id="input2">b</button> <button id="input3">c</button> <button id="input4">d</button> <button id="input5">e</button> <button id="input6">f</button> <button id="input7">g</button> <button id="input8">h</button> <button id="input9">i</button> 

Answer 2

我想将CSS Grid纳入其中，因为... 2019年。

 .container { display: inline-grid; grid-template-columns: repeat(3, 1fr); } 

 <div class="container"> <input type="button" id="input0"> <input type="button" id="input1"> <input type="button" id="input2"> <input type="button" id="input3"> <input type="button" id="input4"> <input type="button" id="input5"> <input type="button" id="input6"> <input type="button" id="input7"> <input type="button" id="input8"> </div> 

jsFiddle