Question

我将页面分成几部分，其中一个部分包含一个h2-Tag（该部分的标题）和一个div（包含p-Tag）。我希望文本在节内完全居中，因此，我使用了flex将元素居中。现在，我需要标题在左侧对齐（请参见图像以获得更好的说明）。 https://ibb.co/b5DSpT 如果我将其添加到受flex属性影响的div中，则样式是完全错误的。如果我将其从div中删除，则文本将不再是完美居中的，因为h2标签占据了该部分的少量内容。

有什么办法解决这个问题吗？

谢谢，迈克

Answer 1

您不需要使用flex。检查下面的代码。

.wrapper{
  padding:25px;
  background:#d0e1d9;
}

.title{
  color:#000;
  font-size:20px;
  margin:0 0 25px 0;
  
}

.section{
  padding:50px 25px;
  text-align:center;
  font-weight:bold;
  font-size:20px;
  background:#e5e5e5;
}

<div class="wrapper">
  <div class="title">Uber uns</div>
  <div class="section">This is the Div with the Text</div>
</div>

单独设置h2-Element的样式，即使它位于受flex影响的div内

1 个答案: