div CSS實現段落首行縮排兩個字元

2022-06-21 10:18:11 字數 813 閱讀 9139

段落前面空兩個字的距離,不要再使用空格了,用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 >

<p>段落一</p>

<p>段落二</p>

<p>段落三<p>

</div>

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

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

定義p每段落首行自動空兩格 CSS

據習慣,文章每段的首行都要空兩格。用css 定義乙個p標籤,利用text indent屬性可以實現每段的第一行不用打空格鍵都自動空兩格。css 如下 p其中 text indent 2em定義了文字縮排2em,em是相對長度單位,在這裡你設定的字型大小有多大 px 1em就是多大。這段 可以控制整個...

CSS定義p每段落首行自動空兩格

根據習慣,文章每段的首行都要空兩格。用css 定義乙個p標籤,利用text indent屬性可以實現每段的第一行不用打空格鍵都自動空兩格。css 如下 p其中 text indent 2em定義了文字縮排2em,em是相對長度單位,在這裡你設定的字型大小有多大 px 1em就是多大。我們中文段落一般...

CSS 首行縮排兩個文字

總是在前面加上8個 因為過去大家對css的概念也不程式設計客棧太熟悉,也不太重視,這種方法實現雖然比較直接,但是文字多的時候會有很多 充斥在 中,如果再有些換行 那 顯著比較zlsycjzopm亂,現在大家開始主動了解css,學習css,你會發現這個問題很容易解決,只需要在相應的位置加入 複製 如下...