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

时间:2018-08-03 14:21:59

标签: html css materialize jstree

我正在尝试在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/

1 个答案:

答案 0 :(得分:0)

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

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

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

jsFiddle