欢迎光临
我们一直在努力

小程序view居中显示效果如何设置

本文小编为大家详细介绍“小程序view居中显示效果如何设置”,内容详细,步骤清晰,细节处理妥当,希望这篇“小程序view居中显示效果如何设置”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

我们需要将 “延长收货”,”查看物流”,“提醒发货”,“提醒发货”是四个按钮放在页面最中间,并且间隔适当的距离:

HTML代码:

  <view class="footer"><view class="footer-btn" style="display:flex;flex-direction: row;"><view class="footer-btn1">延长收货</view><view class="footer-btn2">查看物流</view><view class="footer-btn3">提醒发货</view><view class="footer-btn4">提醒发货</view></view></view>

CSS代码:

/*底部按钮*/.footer{  padding-bottom: 6px;}.footer-btn{  justify-content: space-around;}.footer-btn1,.footer-btn2,.footer-btn3,.footer-btn4{  font-size: 28rpx;  color: #666666;  border: 2rpx solid #999999;  border-radius: 8rpx;  line-height: 44rpx;  margin-top: 8px;  padding:4px 4px;}

读到这里,这篇“小程序view居中显示效果如何设置”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注云搜网行业资讯频道。

赞(0)
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。