css - 使用 CSS 水平对齐

Question

我有以下代码:

<div class="one">
   <p>Test<p><span style="color: Green">▼</span>
</div>

我认为这是一个非常简单的问题，但我不懂 CSS。如何使段落居中水平对齐？

Answer 1

这里有两个问题。

1. 将包含该段落的 DIV 居中。
2. 使 DIV 中的段落居中。

为了使 DIV 居中，下面是使用内联样式的代码:

<div style="margin: 0 auto" class="one">
    <p>Test<p>
</div>

以上内容将使整个 DIV 居中，但不会将文本对齐到中心。同样，只有在类“one”指定了宽度时，div 才会居中。否则，它没有效果。您还可以在名为“one”的类中包含边距样式信息。

现在，要水平对齐显示在 DIV 中的所有文本，您可以这样设置样式:

<div style="text-align: center" class="one">
    <p>Test<p>
</div>

如果您只想对单个段落应用居中样式，您可以在 <p> 中包含样式规则标签。