Question

我必须写一个段落，使它看起来像

1st line: align:center
2nd line: align:left
3rd line: align:center
4th line: align:left

它应该是这样的。

我怎样才能使用CSS。

Answer 1

您可以尝试使用nth-child(even)选择器

p:nth-child(even) {
    text-align:center
}

Check this Fiddle

编辑：Bartdude是对的。此解决方案仅在您分隔每个段落时才有效。

Answer 2

您需要包含1个块元素，其中包含文本的每个不同行。如果你只有一个带有所有文本的p标签，那就无法做到。

Answer 3

使用class-attribute ...

示例：

<p class="centerAlign">1st line: align:center</p>
<p class="leftAlign">2nd line: align:left</p>
<p class="centerAlign">3rd line: align:center</p>
<p class="leftAlign">4th line: align:left</p>

css文件中的规则应如下所示：

p.centerAlign {....}
p.leftAlign {....}

Answer 4

不幸的是，除了:first-line伪选择器之外，CSS缺乏选择行的能力。所以，不幸的是，你不会很快看到这个问题的纯CSS解决方案。

Answer 5

您只需格式化每个新行的每个

标记即可。

根据需要更改CSS。

这样的事可能有用：

使用<p class="align_____">x line: align:______</p>

一个段落中的两个文本对齐

5 个答案: