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

发布时间：2020-12-14 23:49:35 所属栏目：资源来源：网络整理

导读：当文本包裹到第二行时,是否有纯粹使用CSS(或“正确的”标记)来设计段落的第二行？一个很好的放置 br /会这样做,但我不相信这是很好的标记或SEO. 具体来说,说我有一个2行长的段落.我希望第二行的宽度比第一行宽.所以这一段是有点“金字塔”的.但是,我不想使用

当文本包裹到第二行时,是否有纯粹使用CSS(或“正确的”标记)来设计段落的第二行？一个很好的放置< br />会这样做,但我不相信这是很好的标记或SEO.

具体来说,说我有一个2行长的段落.我希望第二行的宽度比第一行宽.所以这一段是有点“金字塔”的.但是,我不想使用任何不是正确的方式来做这件事,只是为了美丽.

例：

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

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

请参阅：http://jsfiddle.net/X33pY/ – 调整窗口大小以在第一段中做出第二行.

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

以防万一,这可能是你以后：

http://jsfiddle.net/qKRh8/

p {
    white-space: pre
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!