给P标签做单行省略,设置宽度时的问题

render: (h: any, params: any) => {
                return h(
                    "span",
                    {
                        class: "oneLine inline_block",
                        attrs: { title: params.row.name},
                        style: {
                            width: "110px",
                            "min-width": "100%"
                        }
                    },
                    params.row.poleName
                );
            }

element.style {

  1. width: 110px;
  2. min-width: 100%;

}

 

.oneLine {

  1. overflow: hidden;
  2. text-overflow: ellipsis;
  3. white-space: nowrap;

}

 

.inline_block {

  1. display: inline-block;

}

修改iview的表格样式时,

要加上min-width才行,max-width也不行。

你可能感兴趣的:(给P标签做单行省略,设置宽度时的问题)