创建元素不滚动

Question

当我使用document.createElement()并在js中创建一堆元素并转移到我的页面时，它不会垂直下降。到达页面末尾时，元素将水平开始堆积。有谁知道如何阻止这种情况的发生？

在下面的照片中，您可以看到文本复选框和收音机在堆积，然后在侧面而不是更下方放置上载按钮。

Answer 1

您的上传按钮是一个内联元素，它不是从新行开始的。

有几种类型的元素，例如 inline 和 block 。内联元素从同一行继续，其中块元素跨越页面的整个宽度，并从新行开始。堆叠在侧面的上传按钮不是由于您使用JavaScript，而是因为它是一个内联元素。

您可以添加<button style="display:block">Upload</button>使其成为块级元素。

请参见https://www.w3schools.com/cssref/pr_class_display.asp