首行縮排2字元怎麼設定css 首行縮排兩個漢字程式碼怎麼寫

使用首行縮排text-indent。text-indent可以使得容器內首行縮排一定單位。比如中文段落一般每段前空兩個漢字。

程式碼如下：

<style type="text/css">

p{

text-indent: 2em; /*em是相對單位，2em即現在一個字大小的兩倍*/

}

</style>

注：div標籤不要忘記起始符。text-indent只對p或div標籤有效，對br標籤不生效，原因是br標籤是換行標籤不是分段標籤。

用CSS實現段落首縮排兩個字元，實現首行縮排的通用方法是加四個小角空格。

在style裡定義如下縮排樣式：.suojin{text-indent:2em}

在需要縮排的地方使用class="suojin"即可，比如用一個div定義一整塊段落首先縮排，

凡在div區域裡，瀏覽器一碰上p語句（即一個新段的開始），就會執行.suojin所定義的縮排。

也可以在正文中使用嵌入式CSS樣式來定義，下面舉個例項（使用時請將尖括號改為小角尖括號）：

<div>

<p>；段落一</p>

<p>；段落二</p>

<p>；段落三<p>

</div>

兩種方法各有長處短處，可根據需要決定使用哪一種方法。

1、開啟Notepad++，新建一個檔案

2、輸入圖中內容：

3、儲存為：css.html，當然你也可以使用其它的名字，但副檔名需要使用.htm或.html

4、選擇檔案的儲存位置，點選儲存按鈕

5、然後新增一個標籤，輸入一段用來測試的文字。

6、使用瀏覽器開啟檢視顯示樣式，現在還沒有縮排。

7、接下來新增樣式，這裡我們使用內聯樣式，給P標籤新增樣式：

8、再重新整理剛剛開啟的網頁看效果，是不是縮進了兩個字元啊！

這裡我們是使用em這個單位來縮進了兩個字元，你也可以使用px作為單位來縮排指定的畫素。

以前在遠標學過把 Web 頁面上的段落的第一行縮排，這是一種最常用的文字格式化效果。

CSS 提供了 text-indent 屬性，該屬性可以方便地實現文字縮排。

通過使用 text-indent 屬性，所有元素的第一行都可以縮排一個給定的長度，甚至該長度可以是負值。

這個屬性最常見的用途是將段落的首行縮排。

所以在div中要使文字首行縮排可以這樣寫（假設div的class類名為text）:

.text{text-indent:2em;}

這樣就可以實現首行文字縮排兩個中文字元。