el-tree 内容较长显示不友好的处理

<el-tree>
    <span
        slot-scope="{ node }"
        class="custom-tree-node"
        :title="node.label"
        v-text="node.label"
    >
    </span>
</el-tree>



.custom-tree-node {
    width: 100%;
    overflow: hidden !important; // 溢出部分隐藏
    white-space: nowrap !important; // 禁止自动换行
    text-overflow: ellipsis !important; // 使溢出部分以省略号显示
    display: block !important;
    font-size: 12px;
}