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

2022-12-27 11:18:03 字數 784 閱讀 4029

段落前面空兩個字的距離,不要再使用空格了,用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標籤是換行標籤不是分段標籤。

Div CSS常見錯誤總結

7.float元素不能指定margin和padding等屬性 ie在顯示指定了margin和padding的float元素時有bug。因此不要對float元素指定margin和padding屬性 可以在float元素內部巢狀乙個div來設定margin和padding 也可以使用hack方法為ie指...

div css常用布局,經典總結

css布局常用的方法 float none left right 取值 none 預設值。物件不飄浮 left 文字流向物件的右邊 right 文字流向物件的左邊 它是怎樣工作的,看個一行兩列的例子 xhtml 以下為引用的內容 這裡是第一列 這裡是第二列 這是違背web標準意圖的,只是想說明在它下...

DIV CSS製作網頁之如何設定z index

首先明確幾點在文中所需要用到的概念 1.靜態定位 position static 為position屬性的預設值 2.動態定位 position relative或position absolute或position fixed。3.祖元素 任意包含該元素的元素。4.父元素 直接包含該元素的祖元素。...