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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM