如何使用.setattribute()添加换行符?

侦探快活

我是一名初学者程序员,已将按钮列表附加到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>
侦探快活

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

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

最终结果:
在此处输入图片说明

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章