css樣式控制首行縮排

2021-09-01 15:46:46 字數 839 閱讀 6995

段落前面空兩個字的距離,不要再使用空格了,用css實現段落首縮排兩個字元。應該使用首行縮排text-indent。text-indent可以使得容器內首行縮排一定單位。比如中文段落一般每段前空兩個漢字。

在這裡我們需要了解一種長度單位em。em是相對長度單位。相對於當前物件內文字的字型尺寸。我們中文段落一般每段前空兩個漢字。實際上,就是首行縮排了2em

段落前面空兩個字的距離,不要再使用空格了。應該使用首行縮排text-indent。長度單位em。相對於當前物件內文字的字型尺寸。我們首行縮排了2em。2em即現在乙個字大小的兩倍。

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

其實呢,用css樣式來定義更為高效。

比如在style裡定義如下縮排樣式:.suojin

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

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

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

<div style="text-indent:2em">

<p>段落一</p>

<p>段落二</p>

<p>段落三<p>

</div>

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

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

css文字屬性 首行縮排

css文字屬性 text align center right justify 兩邊對齊 對齊 text decoration line through underline overline 下劃線 text transform uppercase lowercase capitalize 文字轉換...

TextView首行縮排

方法一 settext u3000 u3000 xx 半形 u0020 全形 u3000 方法二 這種方式不同解析度會有問題 settext xx 方法三 是從網上大神看到的,就是首行多寫兩個字,但是顯示時,這兩個字要進行隱藏 spannablestringbuilder span new span...

mySQL首行縮排快捷鍵 首行縮排怎麼設定

本篇文章所說的內容是乙個用html縮排段落第一行的 我們要知道縮排段落需要用到的屬性是text indent,下面我們就來看一看具體的內容。語法格式 text indent 縮排寬度 示例1 縮排單個字元 通過指定 text indent 1em 縮排乙個字元的段落的開頭。如下 p 但教心似金鈿堅,...