您当前的位置: 首页 > 知识百科 > 小程序多个view视图居中示例

小程序多个view视图居中示例

时间:2023-07-01 14:05 阅读数:76 人阅读 分类:知识百科

    微信小程序有很多小程序组件,不同的组件有不同的功能,展示给大家的效果也是不一样的,今天小编就为大家分享一下小程序多个view视图居中,这样地效果会让整体更好,下文就是小程序多个view视图居中示例及相关小程序代码,仅供大家参考。

  小程序多个view居中显示 ,先看一下效果图

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

  HTML代码:

  CSS代码:

  小程序多个view视图居中示例的内容就讲到这里,想要在小程序达到居中效果的伙伴们,赶快试试吧!更多精彩微信小程序方面的资讯,欢迎大家前来微小乔,这里每天都有更新干货等着你。

  更多

  微信小程序视图容器scroll-view

  微信小程序示例:滚动动画、点击事件及评分星星详解

  微信小程序读取本地json数据示例