Html 显示器：flex；在标题中无效

通过在CSS中应用flex，无法使徽标和文本在网页的标题标记上显示为一行。我的代码和这篇文章在一起，最后还附上了在网络浏览器（Chrome）上的输出

此问题是由以下代码中的错误引起的。新的网页设计，任何人都可以找到我的代码有什么问题。我想在

标签上应用flex，这样img和

内容将排成一行。但事实并非如此。请参见文章末尾的网页截图

.container{
宽度：1024px；
最小高度：300px；
左边距：自动；
右边距：自动；
}
标题{
背景色：#63BC7D；
最小高度：100px；
显示器：flex；
}
主要{
/*背景色：#179E3F*/
最小高度：300px；
显示器：flex；
对齐项目：居中；
/*证明内容：之间的空间*/
}
.卡片{
背景色：#AC1149；
最小高度：300px；
显示器：flex；
证明内容：之间的空间；
}
.card1{
背景色：#6EB806；
最小高度：300px；
宽度：30%；
}
.card2{
背景色：#36E059；
最小高度：300px；
宽度：30%；
}
.card3{
背景色：#00FF09；
最小高度：300px；
宽度：30%；
}
.herobox1{
弹性：2；
/*背景色：#8D4E85*/
}
herobox2先生{
/*背景色：#684F96*/
弹性：1；
}

自行车修理店
移动自行车修理
许多人很难把自行车送到自行车店。我们会打电话到你在大都柏林的办公室或家里

快速，方便的自行车维修与预付费。所有这些都不需要把你的自行车带进商店

标题{flex direction:column；}

---

将此代码添加到您的CSS代码中。

是的，在本论坛的帮助下，我终于理解了我的错误。正如你们所说的cssreset造成了麻烦。我首先需要cssReset.css，然后是我的自定义样式.css，以获得正确的效果。否则，使用styles.css产生的效果将被cssReset.css覆盖，这是一个简单的错误。谢谢大家。

在文本周围包装一个

div

，并在顶部添加一个

填充似乎可以解决这个问题

  <nav>
    <div style="padding-top: 18%;">
      <a href="">Book</a>
      <a href="">Online</a>
      <a href="">About</a>
      <a href="">Contact</a>
    </div>
  </nav>



试着评论一下你的重置CSS，只保留样式。css@Electro旅行者标志和导航栏在同一行。。工作很好。。你想做什么？实际上导航内容（这里链接标签）应该在徽标的右侧。类似于行。给出
justify content:space-between到标题tag@Electro旅行者。。这都是关于覆盖。。通常代码逐行执行…简短解释代码在没有cssreset和添加flex direction的情况下运行良好：带有cssreset的列没有效果。