Question

我有一个父节，该节设置为对齐中心。 H2在此显示为中心，但段落未显示。有什么原因吗？

.intro {
  text-align: center;
}

<section class="intro">
    <div class="hero-text"> 
        <h1>The modern office doesn’t <br> always look like, well, an office.</h1>
        <p class="subtitle">Distributed teams, changing business needs, and complex dynamics are redefining the workday. Happy Tools makes it possible for your office to run smoothly, no matter what it looks like or who makes it go.</p>
    </div>
</section>

Answer 1

检查h1元素和p元素的类以查看它们是否具有覆盖父样式的“文本对齐”样式。通常将f12用于开发人员工具/ Web检查器会告诉您确切的样式被覆盖。

Answer 2

我已经运行了代码，p标记正按您的预期居中。可能要检查是否有覆盖它的代码，否则请使用如下所示的重要属性：

.intro { text-align: center !important;}

Answer 3

height='41'

.intro {
  text-align: center;
}

如果我运行您的代码，则所有内容都将居中。运行该代码段并签出。

Answer 4

您是否在CSS中对具有text-align的p元素进行了引用：还可以吗？一种normalize.css文件可以做到这一点。最好的了解方法就是通过浏览器的元素检查器进行验证。

Answer 5

对我来说，这一切都是中心。

但是您也可以尝试以下代码：

.intro, .intro p {
    text-align: center;
}

段落未居中，但父元素为

5 个答案: