我这里有我的侧导航,但每次我在链接之前放置图标时,它都会不断缩进。请帮助我..
<ul id="mobile-demo" class="side-nav">
<li>
<div class="userView">
<img class="background" src="http://materializecss.com/images/office.jpg">
<a href="#!user"><img class="circle" src="http://materializecss.com/images/yuna.jpg"></a>
<a href="#!name"><span class="white-text name">Nelson Maranan</span></a>
<a href="#!email"><span class="white-text email"><a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d3bdbeb2a1b2bdb2bde2e293b4beb2babffdb0bcbe" rel="noreferrer noopener nofollow">[email protected]</a></span></a>
</div>
</li>
<li><a href="#!"><i class="material-icons">home</i>Home</a></li>
<li><a href="#!"><i class="material-icons">list</i>Browse</a></li>
<li><a href="#!"><i class="material-icons">message</i>Messages <span class="badge">3</span></a></li>
<li><a href="#!"><i class="material-icons">notifications</i>Notifications <span class="badge">10</span></a></li>
<li><div class="divider"></div></li>
<li><a class="subheader">Subheader</a></li>
<li><a class="waves-effect" href="#!">Third Link With Waves</a></li>
</ul>
这是我的屏幕截图来显示问题:
但是当我删除图标时,它显示得很好。我该如何解决这个问题?
最佳答案
我也遇到这个问题
只需在样式表中添加此规则即可:
.side-nav li{
clear: both;
}
关于Materialise Sidenav 图标问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39801861/