Material Design Lite 汉堡菜单不在标题中居中

【问题标题】：Material Design Lite hamburger menu not centered in headerMaterial Design Lite 汉堡菜单不在标题中居中
【发布时间】：2015-11-19 01:43:08
【问题描述】：

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

这里是有问题的代码

http://pastebin.com/Wgdt71Mv

【问题讨论】：

  • 请提供您正在运行的代码示例。我们之前已经多次看到这个问题，它总是最终成为某处代码中的错误，而不是 MDL 问题（因为它在我们所有的示例和模板中都能完美运行。）
  • 我遇到了同样的问题，创建的 jsbin 显示了我的 code。这是一个output 显示问题。这里发生的一件奇怪的事情是，相同的代码在Codepen 上运行良好！奇怪:(
  • 这里是有问题的代码。 pastebin.com/Wgdt71Mv

标签： material-design-lite


【解决方案1】：

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

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

【讨论】：

  • 我遇到了完全相同的问题，这完全解决了它 - 谢谢
猜你喜欢
  • 2016-08-16
  • 1970-01-01
  • 1970-01-01
  • 2018-01-04
  • 1970-01-01
  • 2019-07-22
  • 1970-01-01
  • 2017-12-22
  • 2021-09-05
相关资源
最近更新 更多
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode