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

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

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

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

HTML代码：

<viewclass="footer"><viewclass="footer-btn"style="display:flex;flex-direction:row;"><viewclass="footer-btn1">延长收货</view><viewclass="footer-btn2">查看物流</view><viewclass="footer-btn3">提醒发货</view><viewclass="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:2rpxsolid#999999;border-radius:8rpx;line-height:44rpx;margin-top:8px;padding:4px4px;}

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