尝试使用“ text-align：center;”在某些文本上起作用，而在另一些文本上不起作用

问题描述

正如标题所述，我正在尝试使用“ text-align：center;”，但它不适用于特定的文本块。它适用于其他人，所以我对此感到困惑。我是一个完整的菜鸟（已经学习HTML和CSS大约5天了），并决定用我的知识使该项目轻松达到100分。请忍受我。是造成问题的原因。

CSS：

KeyboardVisibilityNotification().addNewListener(
      onChange: (bool visible) {
        if (visible == false) {
          SystemChrome.setEnabledsystemUIOverlays([]);
        } else {
          SystemChrome.setEnabledsystemUIOverlays([systemUIOverlay.bottom]);
        }
      },);

}

HTML：

p4 {
text-align: center;

（对不起，我不知道该怎么写，所以您可能应该查看完整的代码，它位于底部：https://codepen.io/fishstick_god_/pen/ZEWjLyX）

解决方法

text-align: center将文本与元素的中心对齐，在您的情况下，p4元素不是页面的整个宽度，因此它仅以内容的宽度为中心。简便的解决方法是将display: block添加到您的p4

p4不是有效的HTML标记，因此浏览器不清楚如何显示它。您应该只将p用作所有段落实例的标签。如果您要专门设置其中一个段落的样式，而与其他段落的样式有所不同，则还应在标记中包含class属性，例如HTML中的

<p class="special">

然后，在CSS中创建一个像这样的类选择器

.special { text-align: center; }

您可以将相同的HTML类放在任何包含文本的标签（如p，h1，li等）上，并将它们居中。请注意，您不能使用文本对齐方式：没有默认显示块的任何标签，例如标签或img标签。另外，您不能使用text-align来使结构标签（例如div，header，nav等）居中。因为，它们不是文本。您可以在CSS中进行其他选择以使这些居中。

text-align适用于所谓的块级元素。像div或p。例如，参见https://developer.mozilla.org/en-US/docs/Web/CSS/text-align

p4不符合条件。尝试普通的p：

<p style='text-align: center'>Hello World!</p>

text-align