在adminLte侧边栏菜单看起来不合适。 如果菜单标题的文本更多,那么它应该转到下一行,并且在下一行中它应该在第一行的第一个字母下方精确地开始。 我已经做到了,但当它崩溃并且它悬停时它没有显示菜单标题。 我在代码中做了一些修改,我的Html代码是
<a href="#">
<div style="width:100%;display:inline-block;">
<div style="width:10%;float:left;">
<i class="fa fa-dashboard"></i>
</div>
<div style="width:90%;float:right;display:inline-block">
<div style="float:left;width:90%">
<span style="padding-right: 50px;white-space: normal;line-height:14px">Dashboard Test Test Test Test</span>
</div>
<div style="float:left;width:2%">
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</div>
</div>
</div>
</a>
错误图像显示箭头左侧应显示向下箭头: 我还在AdminLTE.min.css文件中进行了更改,更改如下,
.sidebar-menu li > a > .fa-angle-left, .sidebar-menu li > a > div > div:nth-child(2)> div:nth-child(2) > .pull-right-container > .fa-angle-left {
width: auto;
height: auto;
padding: 0;
margin-right: 10px;
-webkit-transition: transform .5s ease;
-o-transition: transform .5s ease;
transition: transform .5s ease
}
.sidebar-menu li > a > .fa-angle-left, .sidebar-menu li > a > div > div:nth-child(2)> div:nth-child(2) > .pull-right-container > .fa-angle-left {
width: auto;
height: auto;
padding: 0;
margin-right: 10px;
-webkit-transition: transform .5s ease;
-o-transition: transform .5s ease;
transition: transform .5s ease
}
感谢。