element-ui如何实现这种布局

第一次用element布局 不太会 看文档上写的 用el-row el-col应该可以实现 但是没有写出图片上这种效果 左边文字跟右边格子在一行,然后右边格子自动换行 换行之后是对齐的 里面还有单选框和复选框

https://img3.mukewang.com/5beae0ad0001743508000106.jpg

FFIVE
浏览 6481回答 1
1回答

翻过高山走不出你

&nbsp;&nbsp;&nbsp;<el-row&nbsp;:gutter="20"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<el-col&nbsp;:span="3">00000:</el-col> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<el-col&nbsp;:span="21"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<el-row&nbsp;:gutter="20"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<el-col&nbsp;:span="6"><el-card>1111</el-card></el-col> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<el-col&nbsp;:span="6"><el-card>2222</el-card></el-col> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<el-col&nbsp;:span="6"><el-card>3333</el-card></el-col> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<el-col&nbsp;:span="6"><el-card>4444</el-card></el-col> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<el-col&nbsp;:span="6"><el-card>5555</el-card></el-col> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</el-row> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</el-col> &nbsp;&nbsp;&nbsp;&nbsp;</el-row>这样的效果应该和你要求的一样,再按照需要循环一下就行
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5