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

前端之家收集整理的这篇文章主要介绍了html – CSS格式第二行与第一行不同前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当文本包裹到第二行时,是否有纯粹使用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
}
原文链接:https://www.f2er.com/html/227906.html

猜你在找的HTML相关文章