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

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>

 

转载于:https://www.cnblogs.com/stella1024/p/9294554.html