Html CSS：div中的中心图标 我在我的div中间有修复图标的问题。我只想知道如何修复DIV崩溃菜单触发器中的图标图标DEF。谢谢你回答我。在JSFIDLE中，它工作正常，但在我的浏览器中不工作。

#导航栏{
背景：rgb（16,16,16）；
颜色：白色；
宽度：70px；
位置：绝对位置；
保证金：0；
排名：0；
底部：0；
右边框：rgb（246246255）1px实体；
}
.折叠菜单触发器{
显示：块；
宽度：70px；
高度：50px；
线高：50px；
文本对齐：居中；
位置：绝对位置；
底部：0；
光标：指针；
}
.折叠菜单触发器.材质图标{
垂直对齐：中间对齐；
}
.collapse菜单触发器.material-icons.icon-def{}

键盘箭头右键
键盘箭头左键

这就是您想要的：

#导航栏{
背景：rgb（16,16,16）；
颜色：白色；
宽度：70px；
位置：绝对位置；
保证金：0；
排名：0；
底部：0；
右边框：rgb（246246255）1px实体；
}
.折叠菜单触发器{
显示器：flex；
证明内容：中心；
对齐项目：居中；
宽度：70px；
高度：50px；
线高：50px；
文本对齐：居中；
位置：绝对位置；
底部：0；
光标：指针；
}
.折叠菜单触发器.材质图标{
垂直对齐：中间对齐；
}
.collapse菜单触发器.material-icons.icon-def{}

键盘箭头右键

它位于“导航栏中心”或“折叠菜单-触发器中心”的“折叠菜单-触发器中心”。添加显示：flex；对齐项目：居中；弯曲方向：立柱；在折叠菜单触发器类中