图片和文字放在一行对齐的方法

<view class='big'>
      <image class='img' src='../image/tupian.png'></image>
      <text>文字</text>
 </view>
.big{
  display: flex;        //弹性布局
  flex-direction: row;    //灵活的项目将水平显示,正如一个行一样。
  align-items: center;    //元素位于容器的中间
  justify-content: center;   //项目位于容器的中心。
}

猜你喜欢

转载自www.cnblogs.com/xhxdd/p/12610796.html