在Materialize的SideNav中使用时，JsTree布局损坏

Question

我正在尝试在Materialize的sidenav中使用jstree。 jstree在sidenav外部工作得很好，但在其内部未对齐。

这里是一个比较：

Aligned

Misaligned

这是主要的HTML代码：

<div id="slide-out" class="side-nav">
    <div id="jstree"></div>
</div>

这也是一个小提琴：https://jsfiddle.net/0bdrhokg/19/

Answer 1

此问题是由于display路径中.side-nav li > a的Materializecss默认值引起的。 将此添加到您的CSS中：

.side-nav li > a {
  display: inline-block !important;
}

导致问题的display的材料默认值为block。

jsFiddle