微信小程序怎么让多个view处在同一行

view布局

首先,在一个view里面嵌套多个view

<view class="head">
  <!-- 头像 -->
    <view class="touxiang">
        <image src="/images/touxiang.jpg"></image>
    </view>
    <!-- 用户名与个性签名 -->  
    <view>    
      <!-- 用户名 -->    
    	<view>
            欧世乐    
    	</view>    
    <!-- 个性签名 -->    
    	<view>
          计科N171    
    	</view>  
    </view>
 </view>

效果

在这里插入图片描述

CSS代码

.head{  display: flex;}

效果

在这里插入图片描述

发布了100 篇原创文章 · 获赞 25 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_43576028/article/details/102134845
今日推荐