el-row自动换好
时间: 2023-11-11 14:47:17 浏览: 277
Element-UI 使用el-row 分栏布局的教程
el-row是element-ui中的一个组件,用于创建网格布局。当el-col元素在el-row内部排列时,el-row会自动根据el-col的宽度和数量进行换行。
在el-row中,可以使用属性offset来实现换行。当offset的值大于0时,el-col元素会在左侧留下一定的空间,导致换行效果。这样可以避免网格布局的不稳定和难看的问题。
此外,el-row还提供了属性justify来控制el-col元素的横向对齐方式。当el-row的横向空间还未被填满时,设置justify的值可以使el-col元素在el-row中水平居中、两端对齐或者等间距分布。
总结来说,通过设置offset和justify属性,el-row可以实现自动换行和横向对齐的效果,使网格布局更加灵活和美观。
阅读全文