可以通过以下步骤实现:
<div id="button-container"></div>
#button-container {
display: flex;
justify-content: center;
align-items: center;
}
var buttonContainer = document.getElementById("button-container");
for (var i = 1; i <= 4; i++) {
var button = document.createElement("button");
button.innerText = "Button " + i;
buttonContainer.appendChild(button);
}
完成上述步骤后,四个按钮将会被置于div的中心位置。
关于Flex布局的更多信息,可以参考腾讯云的Flex布局介绍页面:Flex布局介绍
领取专属 10元无门槛券
手把手带您无忧上云