我有一个使用 Materialize CSS 的侧边菜单。它包含三个菜单项,每个菜单项都有一个图标。我的问题是图标位置太高 - 图标底部与文本底部对齐。我希望它是这样的,图标垂直位于文本的中间。这是我的 lis 的样子:
<li class="logout-btn"><a href="#"><i class="material-icons">power_settings_new</i> Logout</a></li>
这是它在侧边栏导航中的样子:
如果有人知道修复方法那就太好了!
最佳答案
尝试垂直对齐
i.material-icons {
vertical-align: middle;
}
如果这不起作用,请尝试将文本换行
<i class="material-icons">power_settings_new</i> <span>Logout</span>
然后在 CSS 中
i.material-icons , i.material-icons + span {
vertical-align: middle;
}
关于css - 物化图标定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34264694/