如何使用.setattribute（）添加换行符？

Question

我是一名初学程序员，已将按钮列表添加到div。但是，按钮列表是并排的，如下所示，

我想在每个按钮后换行，这样它们就会相互重叠。 我使用.setattribute()追加的代码如下所示，

<script>

        var arr = [{"userid": "jim", "title":"help"}, {"userid": "pim", "title":"hello"}]  

        var i;
        $("enquirieswall").empty();
    for (i = 0; i < arr.length; i++) {
                          var a = document.createElement("button");
                          a.setAttribute("href", "#");
                          //a.textContent = arr[i].title;
                          a.innerHTML = arr[i].title.toString();
                          a.setAttribute("class", "btn");
                          a.setAttribute("type", "button");
                          a.setAttribute("onclick", "window.location='enquiriesdetails.php?enid=" + arr[i].enid + "&userid=" +arr[i].userid +"'");
                          $("#enquirieswall").append(a);
                        }
        </script>

        <div id="enquirieswall"></div>

Answer 1

谢谢大家，我最终选择了CSS解决方案。我还对齐按钮并设置固定宽度。

<style>
.btn{
    display: block; 
    text-align:center;
    margin:auto;
    width: 80%;
}
</style>

最终结果：