如何使用 .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>

最終結果：