vue+iview实现一行平均五列布局

时间:2024-07-15 20:35:14

iview 的栅格布局是以

vue+iview实现一行平均五列布局

html代码部分:

<Row :gutter="20">
<Col style="float: left;width: 20%;">
<div style="border: 1px solid;">
1111
</div>
</Col>
<Col style="float: left;width: 20%;">
<div style="border: 1px solid;">
1111
</div>
</Col>
<Col style="float: left;width: 20%;">
<div style="border: 1px solid;">
1111
</div>
</Col>
<Col style="float: left;width: 20%;">
<div style="border: 1px solid;">
1111
</div>
</Col>
<Col style="float: left;width: 20%;">
<div style="border: 1px solid;">
1111
</div>
</Col>
</Row>