el-tree 居中

要使el-tree居中，可以通过添加一些CSS样式来实现。根据引用中提供的代码片段，可以看到有一个class为"custom-tree-node"的元素，该元素是el-tree中节点的容器。可以通过在该class中添加样式来实现居中。

首先，可以将.custom-tree-node的display属性设置为flex，然后使用align-items和justify-content属性将节点内容垂直和水平居中。例如：

.custom-tree-node {
  display: flex;
  align-items: center;
  justify-content: center;
}

此外，还可以根据需要调整.custom-tree-node和.treeImg的高度和垂直对齐样式，以确保el-tree节点内容的垂直居中。例如，可以通过修改.treeImg的vertical-align属性来调整图片的垂直对齐。

.treeImg {
  vertical-align: middle;
}

通过添加这些样式，el-tree节点的内容将被垂直和水平居中显示。<span class="em">1</span><span class="em">2</span>
#### 引用[.reference_title]
- *1* [emelent-ui中tree为节点添加图片，并与节点显示的字居中对齐](https://blog.csdn.net/clearlxj/article/details/100150259)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [el-select-tree:ElementUI的el-select与el-tree结合](https://download.csdn.net/download/weixin_42135773/18435535)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]