一个常见的表单 footer 如下，包含三个按钮，分别对应 删除、取消、确认.
表单按钮布局
在新建表单时，不应该有删除按钮：
没有删除按钮
实现这种布局的方法有很多，这里提供一个我认为最简单的方法：
<div class="flex">
<n-button v-if="rowData?.id" class="mr-auto">删除</n-button>
<n-button class="ml-auto mr-sm">取消</n-button>
<n-button>确认</n-button>
</div>
只用在父元素上启用 flex 布局，然后前两个按钮分别加入 margin-right:auto 和 margin-left:auto 即可。
这利用 flex 布局，子元素的 margin:auto 能够自动填满剩余空间的特性。
水平居中 flex 布局 内联元素 margin position table 过时，放弃 垂直居中 flex 布...
布局 1. Flex Flex布局，配合子元素Expanded弹性布局 direction: 方向， Axis.h...
flex布局 BFC模式 padding-left margin-left table布局 calc() 左右定宽...
1 flex布局法 html scss 结果展示 2 position:absolute +负数 margin 或...
flex布局小技巧，想要让元素水平垂直居中，可以设置为margin:auto auto;
两栏布局 左侧固定宽度右边自适应 负margin方法： overflow方法: position方法: flex方...
这几个属性配合使用可以更细化的控制Flex布局，flex-basis和flex-grow可控制如何分配Availa...
方法一：左边浮动，右边设置margin-left 方法二：利用flex布局 方法三：利用calc()函数
CSS 1、三栏布局问题（左右固定宽度 中间自适应） flex grid float + margin 2、CSS...
margin: auto; 你真的理解么？ 让我们先看如下案例 解释： 通过flex布局的justify-cont...
本文标题：flex布局配合margin
本文链接：https://www.haomeiwen.com/subject/wfetcjtx.html
网友评论