微信小程序实现左边图片右边文字效果

实现的效果：

xml布局文件：

      

                

                班车查询

            

css文件：

.chuxingItem {

    display: flex;

    flex-direction: row;

    align-items: center;

}

.img{

    width: 46rpx;

    height: 52rpx;

}

说明：

实现的主要代码就是  display: flex; flex-direction: row;也就是让布局横向排列就可以了；