material-design-lite - Material Design Lite 汉堡菜单不在标题中居中

标签 material-design-lite

我直接从 getmdl.io(组件页面)和所有设备(多台 PC、浏览器、手机等)复制代码,汉堡菜单不在标题中居中。我似乎无法隔离 css 中的菜单图标来重新对齐它。 getmdl.io 上的所有组件代码都正确显示了汉堡图标。这是一个示例图像。 (我没有足够的声誉直接链接到图像。)http://i.imgur.com/e9HiCP5.jpg

这是有问题的代码

http://pastebin.com/Wgdt71Mv

最佳答案

看起来您需要将正确的 HTML5 文档类型添加到您的标记中才能正常工作。尝试添加 <!doctype html>到 HTML 的最顶部。那应该解决它。

除了文档类型之外,我们在 appbar 上确实有一个轻微的高度错误,导致它偏离中心约 2px。此问题已得到解决,并将在下一个版本中发布。

关于material-design-lite - Material Design Lite 汉堡菜单不在标题中居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33793815/

相关文章:

navigation - 右侧的 Material Design Lite (MDL) 抽屉导航

angularjs - Material Design Lite 的复选框设计有时不反射(reflect)

javascript - 如何使用 Vue.js 在表格单元格上绑定(bind)工具提示

angular - 如何在 Angular 2 中封装动态添加的元素?

html - 更改 mdl-textfield 的颜色

html - Material Design Lite 的居中形式

javascript - MDL 表检索数据检查值

javascript - Material Design Lite 菜单动态 ng-repeat

javascript - MDL 组件不适用于 React

html - Material Design lite 工具提示定位