css布局两个button在同父标签中左右两侧分布的方法

本文主要介绍了css布局两个button在同父标签中左右两侧分布的方法，分享给大家，具体如下：

效果图

布局代码

<view class="grace-footer" style="width:100%;" slot="gFooter">
 <view style="float:right;width:50%">
    <button ty PE =" Primary " style="line-h ei ght: 85rpx; m arg in: 25rpx; "  @click="saveService(scanKay,tableList)">提交</button> 
 </view>
 <view style="float:left;width:50%">
  <button type="warn" style="line-height: 85rpx; mar gin : 25rpx;"  @click="removeService()">重置</button>
 </view>
   
</view>

style="float:right;width:50%"
就是在父标签容器中的右侧，并且占据50% 宽 度

style="float:left;width:50%"
就是在父标签容器中的左侧侧，并且占据50%宽度

grace-footer是GraceUI 引入的css代码是 效果是底部导航

@H_ 777 _26@ .grace-footer{ pos IT ion:fixed; z -i ndex:2; left:0; bottom:0; background: # FFFFFF; width:750rpx; overflow:hidden; box -s hadow:1px 1px 6px #888; }

到此这篇关于css布局两个button在同父标签中左右两侧分布的方法的 文章 就介绍到这了,更多相关css两个button同父标签左右两侧分布内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！

总结

以上是 为你收集整理的 css布局两个button在同父标签中左右两侧分布的方法 全部内容，希望文章能够帮你解决 css布局两个button在同父标签中左右两侧分布的方法 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于css布局两个button在同父标签中左右两侧分布的方法的详细内容...