col一行显示五个

最新推荐文章于 2024-04-22 13:56:02 发布

qq_2417580538

最新推荐文章于 2024-04-22 13:56:02 发布

阅读量1.3k

点赞数

分类专栏： vue 文章标签： elementui react.js

本文链接：https://blog.csdn.net/qq_2417580538/article/details/127618686

版权

vue 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

layout布局实现一行显示五个col代码片段(element-ui和antdesign均可适用)

<Row>
    <div
      style={{
        display: 'grid',
        gridTemplateColumns: '20% 20% 20% 20% 20%',
      }}
    >
      <Col key={0} style={{ background: '#d3dce6', height: 40, margin: 20 }} />
      <Col key={1} style={{ background: '#d3dce6', height: 40, margin: 20 }} />
      <Col key={2} style={{ background: '#d3dce6', height: 40, margin: 20 }} />
      <Col key={3} style={{ background: '#d3dce6', height: 40, margin: 20 }} />
      <Col key={4} style={{ background: '#d3dce6', height: 40, margin: 20 }} />
    </div>
  </Row>