html页面段首空两格问题

 

html页面段首空两格问题

html页面段首空两格问题 - Will-J的八度空间 - 优快云博客 http://blog.youkuaiyun.com/sinat_23487557/article/details/52447514

版权声明：本文为博主原创文章，未经博主允许不得转载。

  在页面里编辑文章时遇到了一个问题。一篇中文的文章，要求段首要空两格。我当时用的是chrome做的调试，每段前面加了两个 可以达到想要的效果，但是放到firefox里面就变成段首空一格了。因为不同浏览器默认的字体是不一样的，不同字体下的空格表示 占位大小不一致。目前发现有两种方法。

  第一种，经过测试，当指定Times New Roman字体时，各浏览器都支持良好，每4个 显示的占位是一个汉字字符，而使用宋体或黑体则不能达到目的。

<span style="font-family:‘Times New Roman‘;">&nbsp;&nbsp;&nbsp;&nbsp;</span>

第二种，用CSS样式实现。

在CSS里用：

.box{

    text-indent:2em;

} 

在页面里：

<div style="text-indent:2em;">你的文章内容！</div>

程序检测<p>标签来进行中文段落开头的空两格缩进。