图文并排

图片文字在一行中居中对齐显示

以小程序作为案例：
实现效果如图所示：

代码如下图所示（主要使用display的flex属性）：
html

<view class="text_pic">
	  <image src="../../img/warn.png">
	  <p>台均交易额低于2</p>
</view>

css

   .text_pic{
		display: flex;
		flex-direction: row;/*容器中项目的排列方向（默认为横向）*/
		align-items: center;/*定义flex子项在flex容器的当前行的纵轴方向上的对齐方式*/
		justify-content: center;/*项目在主轴（横轴）上的对齐方式*/
	}
	.text_pic image{
		width: 30upx;
		height: 30upx;
	}