Javascript 如何将HTML表格上的多个按钮垂直堆叠在一行单元格中

我正在使用JavaScript在AJAX回调上动态创建和填充一个HTML表。 我需要在一行单元格上垂直堆叠3个按钮。 我试过使用标准：

var btn = document.createElement('input');
btn.type = "button";
btn.className = "btn";
btn.value = "Test1";

然后将这些按钮附加到相关单元格。 实际上，这使得按钮从左到右创建在同一行上。我需要的是垂直创建它们。 我可以使用按钮组选项，将其属性设置为垂直吗？ 我不确定按钮组是否可以用作子按钮。

选项很少：

使用

display:block

使用浮动和

清除：两者都使用

在按钮之间使用

用

#e1按钮{
显示：块；
}
#e2按钮{
浮动：左；
明确：两者皆有；
}
#e2：之后{
内容：''；
显示：块；
明确：两者皆有；
}
#e1、e2、e3、e4{
边框：1px实心#ddd；
利润率：10px0；
}

按钮按钮按钮
按钮按钮按钮
按钮

按钮

按钮
按钮
按钮
按钮

我终于找到了一个解决方案，它根本不涉及按钮之间的CSS，正如我所寻找的那样。 如上所述，我从HTTPRequest回调中构建表，以解析返回的XML，而不是动态的子对象数。 因此，我不能使用任何“静态”html或“静态”css。 这个解决方案（至少是我最喜欢的一个）就是在按钮后发布一些br，而不需要任何CSS装饰。 下面是我的试用javascript示例：

var y = document.createElement("TR");
x.appendChild(y);

var z = document.createElement("TD");

var btn = document.createElement('input');
btn.type = "button";
btn.className = "btn";
btn.value = "Test1";

z.appendChild(btn);
var br = document.createElement("br");
z.appendChild(br);

var btn = document.createElement('input');
btn.type = "button";
btn.className = "btn";
btn.value = "Test2";

z.appendChild(btn);
var br = document.createElement("br");
z.appendChild(br);

var t = document.createTextNode("MyCell");
z.appendChild(t);   

y.appendChild(z);

所以，这可能不是有史以来最“正式”的解决方案，但它足够灵活，可以适应我动态创建的表，而不必担心CSS

---

编辑：感谢@Justinas为我指出了br的正确方向（实际上与CSS无关）。

这更像是一个CSS问题使用CSS

display:block

垂直打包按钮。您还可以将每个按钮包装在

中。此外，您应该在某个地方学习CSS教程。因为你问的是一个琐碎的问题，有点浪费社区时间。我不认为完全需要CSS来实现这一点，但我会听从你的建议。谢谢。我要感谢两次否决我的人。然而，我只想指出：1）正如我所展示的，这根本不是一个严格的CSS相关问题。2） 我真的认为我唯一的错误是省略了标题“…没有使用CSS”，但当我意识到这已经太晚了。