全国服务热线:4008-888-888

技术知识

css合理布局2个button在同父标识中上■下两边遍布

文中关键详细介绍了css合理布局2个button在同父标识中上下两边遍布的方式,共享给大伙儿,实际以下:

实际效果图

合理布局编码

<view class="grace-footer" style="width:100%;" slot="gFooter">
 <view style="float:right;width:50%">
    <button type="primary" style="line-height: 85rpx; margin: 25rpx; "  @click="saveService(scanKay,tableList)">递交</button> 
 </view>
 <view style="float:left;width:50%">
  <button type="warn" style="line-height: 85rpx; margin: 25rpx;"  @click="removeService()">重设</button>
 </view>
   
</view>

style="float:right;width:50%"
便是在父标识器皿中的右边,而且占有50%总宽

style="float:left;width:50%"
便是在父标识器皿中的左边侧,而且占有50%总宽

grace-footer是GraceUI 引进的css编码是 实际效果是底端导航栏

.grace-footer{
     position:fixed; 
     z-index:2; left:0; 
     bottom:0; 
     background:#FFFFFF; 
     width:750rpx; 
     overflow:hidden; 
     box-shadow:1px 1px 6px #888;
}

到此这篇有关css合理布局2个button在同父标识中上下两边遍布的方式的文章内容就详细介绍到这了,大量有关css2个button同父标识上下两边遍布內容请检索脚本制作之家之前的文章内容或再次访问下边的有关文章内容,期待大伙儿之后多多的适用脚本制作之家!



在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服