0

ドロップキャップに問題があります。このページをご覧ください http://www.madebypaz.com/portfolio/interaction/user-centred-design

:first-letter は webkit の上部で切り取られ、Firefox はそれを 1 行下に押し込みます。これを修正して、2 行にまたがるだけで、上部が途切れないようにする方法を教えてください。

どんなポインタでも大歓迎です。

4

1 に答える 1

0

問題はこのルールにあります：

.single-item .post-body p + p + p::first-letter,
article.blog .single-item.text p + p::first-letter { ... }

問題のあるプロパティは、線の高さと高さです。これらの値が機能することがわかりました。

line-height: 1em;
height: 0.7em;

ただし、これにより3行にまたがることになります...

于 2011-04-04T00:08:12.093 に答える