小程序 View：flex 布局

先做一个简单的 demo
  <view class="main">
    <view class="item item1">1</view>
    <view class="item item2">2</view>
    <view class="item item3">3</view>
  </view>
加上背景色能看的更清楚些
复制代码
.main {
  width: 100%;
  background-color: antiquewhite;
}
.item {
  height: 100rpx;
  width: 100rpx;
}
.item1 {
  background-color: red;
}
.item2 {
  background-color: dodgerblue;
}
.item3 {
  background-color: greenyellow;
}
复制代码
然后大概是这个样子的：
snip_20170213230726
然后我们先都加上  display: flex
好使用 flex 布局，主意，貌似 view 不会自动继承，需要在每个想使用的 view 里都加上。
首先是横向布局和竖向布局，要设置属性 flex-direction ,它有4个可选值：
row:从左到右的水平方向为主轴
row-reverse:从右到左的水平方向为主轴
column:从上到下的垂直方向为主轴

column-reverse:从下到上的垂直方向为主轴。

<div class="post_item_body">
<h3><a class="titlelnk" href="http://www.changtu.com/chezhan/linyishi/" target="_blank">临沂汽车站</a></h3>
</div>