-2

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

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

它应该是这样的。

我如何使用 CSS 来做到这一点。

4

5 回答 5

1

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

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

检查这个小提琴

编辑:巴特杜德是对的。此解决方案仅在您分隔每个段落时才有效。

于 2013-04-24T10:58:13.900 回答
1

您需要有 1 个块元素,其中包含每个不同的文本行。如果您只有带有所有文本的 ap 标签,这是不可能的。

于 2013-04-24T10:58:21.093 回答
1

使用类属性...

例子:

<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 {....}
于 2013-04-24T11:00:48.770 回答
1

:first-line不幸的是,除了伪选择器之外,CSS 缺乏选择行的能力。因此,不幸的是,您不会很快看到针对此问题的纯 CSS 解决方案。

于 2013-04-24T11:02:45.653 回答
1

你可以通过简单地格式化每个

每个新行的标签。

根据需要更改 CSS。

像这样的东西可能会起作用:

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

于 2013-04-24T11:02:48.770 回答