Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS替代第一行文本缩进?_Html_Css - Fatal编程技术网

Html CSS替代第一行文本缩进?

Html CSS替代第一行文本缩进?,html,css,Html,Css,当使用Internet Explorer的Active-X插件打印页面时,如何呈现文本缩进属性,我遇到了一个问题。以下是相关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; } 下面,您可以看到使用

当使用Internet Explorer的Active-X插件打印页面时,如何呈现
文本缩进属性,我遇到了一个问题。以下是相关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:before
{
    content: '\00A0 \00A0 \00A0 \00A0 \00A0 \00A0 \00A0';
    dispay:inline-block;
}


编辑:(根据提问者下面的评论)

如果上面的CSS解决方案不适用于您,那么您可能不使用CSS

您只需在每个段落元素后附加固定数量的不间断空格即可

像这样

您只需复制/替换即可做到这一点:

 <p> -> <p>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; ...
->。。。

如何使用
::第一个字母
伪元素

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

浏览器支持

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

好的解决方案,+1,以防浏览器支持,我想告诉你,IE将成为游戏的破坏者,IE9之前的IE版本不支持伪元素,Android也不支持。因此,Daneild的解决方案对我来说不是一个可行的解决方案。@user1527613-不是真的。IE8和所有版本的android都支持它们。问题是。。。我没有使用web浏览器来显示HTML/CSS。我正在使用微软的Shell文档对象和控件库(SHDOCVW.DLL)中的IWebBrowser2接口编写一个软件程序。上面看到的屏幕快照就是这个DLL的产物。使用上面提供的任何一种伪元素解决方案都不会对输出产生影响。当使用此DLL呈现HTML/CSS时,上述两个伪解决方案都无法导致第一行缩进。@user1527613如果上述答案在您的情况下仍然无效,我添加了一个新的解决方案,该解决方案可能会起作用