可以使用flex布局将按钮移到右边。

首先,在父元素上添加以下CSS样式:

display: flex;
justify-content: space-between;

这将使子元素在主轴上均匀分布,并且最后一个子元素将被推到右边。

然后,在最后一个子元素(即按钮)上添加以下CSS样式:

margin-left: auto;

这将使按钮向右对齐,占据剩余的空间。

完整的示例代码:

<div class="container">
  <div>这是左边的内容</div>
  <button>按钮</button>
</div>

<style>
.container {
  display: flex;
  justify-content: space-between;
}
button {
  margin-left: auto;
}
</style>
vue2中如何将button按钮移动到右边

原文地址: https://www.cveoy.top/t/topic/cpOj 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录