<view class="column col-2">
<text class="info">姓名:{{name}}</text>
<text class="info">电话:{{tel}}</text>
</view>
<view class="column col-2">
<text class="info">性别:{{sex}}</text>
<text class="info">年龄:{{age}}</text>
</view>
<view class="column col-1">
<text class="info">邮箱:{{email}}</text>
</view>
<view class="column col-1">
<text class="info">住址:{{address}}</text>
</view>
.column{
font-size: 16px;
border-bottom: dashed 1px #333;
padding: 10px 0;
}
.info{
/* 里面的列 一定是block 才有效 */
display: block;
}
.col-2{
/* 多列布局 */
column-count: 2;
}
.col-1{
column-count: 1;
}
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/6f6ece05167e19de2f6af5ae44b5ba07.png)