【微信小程序开发】样式汇总

一、前言

用来记录开发过程中遇到的样式问题

二、正文

1、view标签里面的两个view同行显示

<view>

    <view></view>

    <view></view>

</view>

解决方法，在最外层的view中使用如下样式：

  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;

2、同一view中的元素垂直对齐

例如

<view>
    <image></image>
    <span></span>
</view>

解决方法，在最外层的view中使用如下样式

  display: flex;
  justify-content: center;
  align-items: center;

3、持续更新中……