nvue CSS怎么布局 举例
时间: 2024-05-15 14:17:09 浏览: 51
css布局实例
当你使用nvue开发小程序时,可以使用flex布局来进行页面的布局。例如:
```<view class="container">
<view class="item"></view>
<view class="item"></view>
<view class="item"></view>
</view>```
然后在css中进行样式的设置:
``` .container {
display: flex;
flex-wrap: wrap;
}
.item {
width: 30%;
height: 100px;
margin: 10px;
} ```
这样设置后,会将三个class为item的元素按照横向排列,每个元素的宽度为30%且间距为10px,超出容器的宽度后自动折行。
阅读全文