【微信小程序開發】樣式匯總

一、前言

用來記錄開發過程中遇到的樣式問題

二、正文

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、持續更新中……