可以通过以下步骤实现:
<div class="button-container">
<button>按钮1</button>
<button>按钮2</button>
</div>
.button-container {
display: flex;
justify-content: space-between;
align-items: center;
}
这里使用了justify-content: space-between;
来让两个按钮在容器中水平对齐,并且它们之间有一定的间距。使用align-items: center;
来使按钮在容器中垂直居中对齐。
这样,两个按钮就可以使用flexbox和控件对齐显示在一行中了。
关于flexbox的更多信息,可以参考腾讯云的相关产品Flexbox布局介绍:https://cloud.tencent.com/document/product/1212/45136
领取专属 10元无门槛券
手把手带您无忧上云