首页 > 技术文章 > vue+iview实现一行平均五列布局

stella1024 2018-10-12 09:35 原文

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>

 

推荐阅读