当前位置:   article > 正文

【微信小程序开发】样式汇总_两个view放在一行

两个view放在一行

一、前言

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

二、正文

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

  1. <view>
  2. <view></view>
  3.     <view></view>
  4. </view>

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

  1. display: flex;
  2. flex-flow: row nowrap;
  3. justify-content: space-between;

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

例如

  1. <view>
  2. <image></image>
  3. <span></span>
  4. </view>

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

  1. display: flex;
  2. justify-content: center;
  3. align-items: center;

3、持续更新中……

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/242725
推荐阅读
相关标签
  

闽ICP备14008679号