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>
也可以设置单个col的宽为20%