INITIALS - CSS:超过两行的第一个字母

Question

我试图在<p>元素中创建大型首字母,这些元素应该从第二行开始并覆盖两行但是在firefox中第一个字母没有按照我的预期定位(在其他地方工作,即使在IE中,只有FF会产生问题... )

http://jsfiddle.net/6SfHG/1/

任何想法如何让它在同一水平上开始？

Answer 1

这对我有用,虽然它不是很优雅:

因此,要使用:垂直对齐的第一个字母伪元素获得跨浏览器首字下沉效果,您需要应用float:left,然后找到字体高度的高度,将行高降低到该值,调整边距 - 顶部所以它在Firefox和Opera或WebKit浏览器中正确对齐,然后使用仅IE样式表的条件注释删除margin-top并更改line-height以正确垂直对齐类型.

http://nickcowie.com/2009/drop-caps-first-letter-and-firefox/