element UI + Vue 中 el-tree 超出部分自动换行

HTML代码

<div class='tree'>
	<el-tree
	  :data="zptreeDate"
	   :props="defaultProps"
	   style="font-size:13px"
	   accordion 
	   default-expand-all
	   node-key
	   :highlight-current="true"
	   :expand-on-click-node="false"
	   @node-click="clickNode"
	   >
	   <span class="custom-tree-node" slot-scope="{ node, data }">
	     <span>{{ node.label }}</span>
	     <span v-if='data.craft_code!=null'>({{data.craft_code}}) </span>
	   </span>
	 </el-tree>
</div>

scss代码

.tree {
    .el-tree-node {
      white-space: normal;
      .el-tree-node__content {
        height: 100%;
        align-items: start;
      }
    }
  }