html – 第一行文本缩进的CSS替代?

我对< p>的问题有疑问使用Internet Explorer的Active-X插件打印页面时,将呈现text-indent属性.这是相关的CSS:

p {
font-family: Calibri;
font-size: 20pt;
line-height: 1.75em;
margin-bottom: 1.00em;  
margin-top: 1.00em;
margin-left:1.0em;
margin-right:1.0em; 
text-indent:1.5em;  
}

下面您可以看到使用上面的代码打印HTML页面时发生的情况:

每个新页面的顶部都应用了文本缩进!是否有另一种方法让每个< p>“段落标记”的第一行缩进而不使用“text-indent”属性?解决方案必须独立于浏览器.

解决方法

那么使用:: first-letter伪元素呢?

p:first-letter {
    padding-left: 30px;
}

JsFiddle Demo

浏览器支持

Chrome    Safari    Firefox    Opera    IE      Android    iOS
1+        1+        1+         3.5+     5.5+    All        All

相关文章

HTML代码中要想改变字体颜色,常常需要使用CSS样式表。CSS是...
HTML代码如何让字体盖住图片呢?需要使用CSS的position属性及...
HTML代码字体设置 在HTML中,我们可以使用标签来设置网页中的...
在网页设计中,HTML代码的字体和字号选择是非常重要的一个环...
HTML(Hypertext Markup Language,超文本标记语言)是一种用...
外链是指在一个网页中添加一个指向其他网站的链接,用户可以...