我必须写一个段落,使它看起来像
1st line: align:center
2nd line: align:left
3rd line: align:center
4th line: align:left
它应该是这样的。
我如何使用 CSS 来做到这一点。
您可以尝试使用nth-child(even)
选择器
p:nth-child(even) {
text-align:center
}
编辑:巴特杜德是对的。此解决方案仅在您分隔每个段落时才有效。
您需要有 1 个块元素,其中包含每个不同的文本行。如果您只有带有所有文本的 ap 标签,这是不可能的。
使用类属性...
例子:
<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 {....}
:first-line
不幸的是,除了伪选择器之外,CSS 缺乏选择行的能力。因此,不幸的是,您不会很快看到针对此问题的纯 CSS 解决方案。
你可以通过简单地格式化每个
每个新行的标签。
根据需要更改 CSS。
像这样的东西可能会起作用:
利用<p class="align_____">x line: align:______</p>