2

他のスパンやhtmlタグを使用せずに、誰もがpタグでこれを達成するのを助けることができるように、段落テキストをこのように見せたいです。最初の行は大きく、他の行は小さいですか?

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut Labore et Dolore Magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco Laboris nisi ut aliquip
ex ea コモドの結果。Duis aute irure dolor in reprehenderit
in voluptate velit esselum cillum dolore fugiat nulla pariatur.
Exceptioneur sint occaecat cupidatat
4

3 に答える 3

6

:first-line疑似要素が必要だと思います。

p:first-line { font-size: 150%; }
于 2013-08-29T14:11:59.763 に答える
1

使用できます white-space:pre;

この値は、ユーザー エージェントが空白のシーケンスを折りたたむのを防ぎます。行は保持された改行文字でのみ改行されます。

ソース


p {
    white-space:pre;
}

デモ

最初の行に大きなフォント サイズを追加するには、次を使用し p:first-lineます

:一行目

selector::first-line{ preperties }
于 2013-08-29T14:14:21.450 に答える
0

これかもしれません - p {white-space:pre;}

于 2013-08-29T14:13:48.907 に答える