文章/答案/技术大牛

发布

社区首页 >问答首页 >无法在google chrome的h1元素中居中显示文本

问无法在google chrome的h1元素中居中显示文本
EN

Stack Overflow用户

提问于 2017-05-10 07:35:13

回答 1查看 275关注 0票数 0

我不能把我的页眉放在chrome的中央。它在JSfiddle中运行得很好，但是每当我把它放到chrome中时，它就不会居中。我尝试对块元素使用空白区:0自动，例如和和align-text: center，但它们都不起作用。这是我的HTML和CSS

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.container,
.grid {
  margin: 0 auto;
  width: 960px;
}

.container {
  padding-left: 30px;
  padding-right: 30px;
}

.col-1-3 {
  width: 33.33%;
}

.col-2-3 {
  width: 66.66%;
}

.col-1-3 {
  display: inline-block;
  vertical-align: top;
}

.grid,
.col-1-3,
.col-2-3 {
  padding-left: 15px;
  padding-right: 15px;
}


/*
  ==============================
  Primary Header 
  ==============================
*/

.logo {
  text-align: center;
}

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>Rysh</title>
  <link rel="stylesheet" href="Assets/stylesheets/main.css">
</head>

<body>
  <header class="container logo">
    <h1>Rysh</h1>
    <nav>
      <a href="shop.html">Shop</a>
      <a href="about.html">About</a>
    </nav>
  </header>
</body>

</html>

有没有人知道为什么它在Chrome上不能工作？

text

centering

http

回答 1

Stack Overflow用户

发布于 2017-05-10 07:55:40

尝试使用

Rysh

或

Rysh

或

Rysh

票数 0

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

原文链接：

https://stackoverflow.com/questions/43881386

复制

相似问题

问无法在google chrome的h1元素中居中显示文本
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法在google chrome的h1元素中居中显示文本EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法在google chrome的h1元素中居中显示文本
EN