文章/答案/技术大牛

发布

社区首页 >问答首页 >Google :抽屉图标没有居中

问Google :抽屉图标没有居中
EN

Stack Overflow用户

提问于 2016-03-08 19:54:57

回答 1查看 1.3K关注 0票数 5

我正在尝试Google文档中的固定制表符示例。这是我的代码：

码

<!-- Simple header with fixed tabs. -->
    <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header mdl-layout--fixed-tabs">
      <header class="mdl-layout__header">
        <div class="mdl-layout__header-row">
          <!-- Title -->
          <span class="mdl-layout-title">Title</span>
        </div>
        <!-- Tabs -->
        <div class="mdl-layout__tab-bar mdl-js-ripple-effect">
          <a href="#fixed-tab-1" class="mdl-layout__tab is-active">Tab 1</a>
          <a href="#fixed-tab-2" class="mdl-layout__tab">Tab 2</a>
          <a href="#fixed-tab-3" class="mdl-layout__tab">Tab 3</a>
        </div>
      </header>
      <div class="mdl-layout__drawer">
        <span class="mdl-layout__title">Title</span>
      </div>
      <main class="mdl-layout__content">
        <section class="mdl-layout__tab-panel is-active" id="fixed-tab-1">
          <div class="page-content"><!-- Your content goes here --></div>
        </section>
        <section class="mdl-layout__tab-panel" id="fixed-tab-2">
          <div class="page-content"><!-- Your content goes here --></div>
        </section>
        <section class="mdl-layout__tab-panel" id="fixed-tab-3">
          <div class="page-content"><!-- Your content goes here --></div>
        </section>
      </main>
    </div>

输出

问题是我的抽屉图标位置错了！它是对齐的顶部，而不是中心。这里怎么了？

html

css

material-design-lite

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-03-08 22:39:28

我找到了这个回答，它解决了问题！您需要将<!DOCTYPE html>添加到源代码中，一切都将正常工作。

票数 10

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/35876821

复制

相似问题

问Google :抽屉图标没有居中
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Google :抽屉图标没有居中EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Google :抽屉图标没有居中
EN