微信小程序怎麼讓多個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;}

效果

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章