INITIALS – CSS:首字母两行

前端之家收集整理的这篇文章主要介绍了INITIALS – CSS:首字母两行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图在< p>元素应该从sencond线开始,并覆盖两行,但在firefox第一个字母没有定位,因为我期望(工作在其他地方,即使在IE,只有FF使问题...) http://jsfiddle.net/6SfHG/1/

任何想法如何使其从同一层面开始?

解决方法

这对我来说是有效的,虽然它不是很优雅:

So to get a cross browser drop cap effect using :first-letter pseudo-element that ver­tic­ally aligns,you need to apply float: left,then find the height of the typeface cap height,reduce the line-height to that,adjust margin-top so it aligns cor­rectly in Fire­fox and in Opera or a Web­Kit browser,and then using con­di­tional com­ments for an IE only stylesheet remove margin-top and change line-height to cor­rectly ver­tic­ally align the type.

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

原文链接:https://www.f2er.com/css/214566.html

猜你在找的CSS相关文章