萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> CSS實現段落首行縮進兩個字符的方法

CSS實現段落首行縮進兩個字符的方法

歡迎大家在這裡學習CSS實現段落首行縮進兩個字符!這裡是我們給大家整理出來的精彩內容。我相信,這些問題也肯定是很多朋友在關心的,所以我就給大家談談這個!段落前面空兩個字的距離,不要再使用空格了。應該使用首行縮進text-indent。text-indent可以使得容器內首行縮進一定單位。比如中文段落一般每段前空兩個漢字。

復制代碼代碼如下:

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

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

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

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

凡在div區域裡,浏覽器一碰上p語句(即一個新段的開始),就會執行.suojin所定義的縮進。

也可以在正文中使用嵌入式CSS樣式來定義,下面舉個實例(使用時請將尖括號改為小角尖括號):

 

 

 

段落一

 

段落二

 

段落三

 

 

 

好了,CSS實現段落首行縮進兩個字符內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦:

CSS常見屬性縮寫與全寫對比介紹 

copyright © 萬盛學電腦網 all rights reserved