有这个问题:
我有一些居中的文字,我需要为该文字实现一个dropcap。我找到的所有例子都使用float:left css属性作为dropcap效果,它将第一个字母对齐左边,而所有文本都保持居中。
关于这个问题的任何方式?
谢谢, Jaronimo
答案 0 :(得分:0)
这个怎么样? 具有额外标记的crossbrowser
<强> HTML 强>
<p>
<span class="dropcap">L</span> orem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tristique lobortis orci ac lacinia.
</p>
<强> CSS 强>
.dropcap {font-family:arial; float: left; color:green; font-size: 125px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; }
演示:Demo