html - CSS格式第二行与第一行不同

Question

当文本换行到第二行时，是否有任何方法可以纯粹使用 CSS(或“适当的”标记)来设置段落第二行的样式？一个很好的位置<br />会这样做，但我不认为这是好的标记或 SEO。

具体来说，假设我有一个 2 行长的段落。我希望第二行的宽度比第一行宽。所以该段有点“金字塔状”。但我不想为了美观而使用任何不合适的方法来做到这一点。

例子:

<p>I am a very long 
sentence where my second line is longer.</p>

Answer 1

您可以使用 :first-line pseudo-element :

参见: http://jsfiddle.net/X33pY/ - 调整窗口大小以在第一段中创建第二行。

p:first-line {
    color: red
}
p {
    color: blue
}

---

以防万一，这可能就是您想要的:

http://jsfiddle.net/qKRh8/

p {
    white-space: pre
}