51Testing软件测试论坛

标题: 怎么实现order_intro里面的img和intro_text左右布局 [打印本页]

---

作者: 司格特    时间: 2018-2-23 11:32
标题: 怎么实现order_intro里面的img和intro_text左右布局

下面的微信小程序代码中：

1. <view class="order_intro">
   
2.         <image class="intro_img" src="images/intro_img.png" />
   
3.         <view class="intro_text">
   
4.                 <view class="intro_title">儿童拉杆箱拉杆箱</view>
   
5.                 <view class="intro_info">尺寸约：42*16*32</view>
   
6.                 <view class="intro_money">￥79.90</view>
   
7.         </view>
   
8. </view>

复制代码

怎么实现order_intro里面的img和intro_text左右布局

---

作者: 恭喜发财dife    时间: 2018-2-23 11:33
用这两个view的属性：flex-direction:row;
justify-content: space-between;

---

欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/)

Powered by Discuz! X3.2