那还是用第一段代码举例: <el-row class="dark" justify="center"> <!-- 居中对齐 --> <el-col :span="8" class="yellow"> <sy-author-1></sy-author-1> </el-col> <!-- 分隔 --> <el-col class="blue" :span="5"> <!-- 注意这里改成5了, 我们不能把el-row填满 --> 哦哦哦...
</el-row> <el-row class="dark" justify="center"> <!-- 居中对齐 --> <el-col :span="8" class="yellow"> <sy-author-1></sy-author-1> </el-col> <!-- 分隔 --> <el-col class="blue" :span="5"> <!-- 注意这里改成5了, 我们不能把el-row填满 --> 哦哦哦 </el-col>...
<el-rowclass="dark"justify="center"><!-- 居中对齐 --><el-col:span="8"class="yellow"><sy-author-1></sy-author-1></el-col><!-- 分隔 --><el-colclass="blue":span="5"><!-- 注意这里改成5了, 我们不能把el-row填满 -->哦哦哦</el-col><!-- 分隔 --><el-colclass="green...
row组件的type="flex"启动flex布局,再通过row组件的justify属性调整排版方式,属性值分别有: justify=center 居中对齐 justify=start 左对齐 justify=end 右对齐 justify=space-between 空格间距在中间对齐 justify=space-around 左右各占半格空格对齐 1 <el-row type="flex" class="row-bg" justify="center"> 2 ...
justify=center 居中对齐 justify=start 左对齐 justify=end 右对齐 justify=space-between 空格间距在中间对齐 justify=space-around 左右各占半格空格对齐 1<el-row type="flex"class="row-bg"justify="center">2<el-col :span="6"></el-col>3</el-row> 效果: 响应式布局: 参考bootstrap的...