[element-ui] el-descriptions站位,换行用法

使用element-ui组件el-descriptions

element-ui组件el-descriptions官方文档

需要将el-descriptions-item换行用法:使用span

(1)span 代表占位,当span 的值大于 column的值,就会自动换一行
(2)span:元素占据的列数,默认为1。默认每个item占据一个格子
[element-ui] el-descriptions站位,换行用法_第1张图片

举例说明

(1)使用组件不换位时,如下

 
        kooriookami
        18100000000
        苏州市
        个人介绍个人介绍个人介绍个人介绍个人介绍个人介绍个人介绍个人介绍个人介绍个人介绍个人介绍个人介绍
      

[element-ui] el-descriptions站位,换行用法_第2张图片

(2)现在将居住地一行显示,需要在居住地那加上span=“2”

 
        kooriookami
        18100000000
        苏州市
        个人介绍个人介绍个人介绍个人介绍个人介绍个人介绍个人介绍个人介绍个人介绍个人介绍个人介绍个人介绍
      

[element-ui] el-descriptions站位,换行用法_第3张图片

你可能感兴趣的:(#,vue,ui,vue.js,前端)