1. 程式人生 > >html頁面段首空兩格問題

html頁面段首空兩格問題

  在頁面裡編輯文章時遇到了一個問題。一篇中文的文章,要求段首要空兩格。我當時用的是chrome做的除錯,每段前面加了兩個 可以達到想要的效果,但是放到firefox裡面就變成段首空一格了。因為不同瀏覽器預設的字型是不一樣的,不同字型下的空格表示 佔位大小不一致。目前發現有兩種方法。

第一種,經過測試,當指定Times New Roman字型時,各瀏覽器都支援良好,每4個 顯示的佔位是一個漢字字元,而使用宋體或黑體則不能達到目的。

<spanstyle="font-family:‘Times New Roman‘;">&nbsp;&nbsp;&nbsp;&nbsp;

</span>

第二種,用CSS樣式實現。

在CSS裡用:

.box{

    text-indent:2em;

在頁面裡:

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

程式檢測<p>標籤來進行中文段落開頭的空兩格縮排。