HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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
}

大佬总结

以上是大佬教程为你收集整理的html – CSS格式第二行与第一行不同全部内容,希望文章能够帮你解决html – CSS格式第二行与第一行不同所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。