javascript - 创建不滚动的元素

Question

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

在下面的照片中，您可以看到文本复选框和 radio 堆积起来，然后是侧面的上传按钮，而不是更靠下的位置。

Answer 1

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

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

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

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