北京網(wǎng)站建設(shè)公司，專注于為企業(yè)提供高端網(wǎng)站定制開發(fā)及解決方案服務(wù)！

全國服務(wù)熱線 138 1177 7897 在線咨詢 留言/需求提交

div+CSS實現(xiàn)段落首行縮進兩個字符

2022-03-27 1457
分類： 建站資訊
【摘要】段落前面空兩個字的距離，不要再使用空格了，用CSS實現(xiàn)段落首縮進兩個字符。應(yīng)該使用首行縮進text-indent。text-indent可以使得容器內(nèi)首行縮進一定單位。比如中文段落一般每段前空兩個漢字···

    段落前面空兩個字的距離，不要再使用空格了，用CSS實現(xiàn)段落首縮進兩個字符。應(yīng)該使用首行縮進text-indent。text-indent可以使得容器內(nèi)首行縮進一定單位。比如中文段落一般每段前空兩個漢字。

    企業(yè)網(wǎng)站建設(shè)技術(shù)

    在這里我們需要了解一種長度單位em。em是相對長度單位。相對于當(dāng)前對象內(nèi)文本的字體尺寸。我們中文段落一般每段前空兩個漢字。實際上，就是首行縮進了2em。

    <style type="text/css">

    <!--

    p{

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

    }

    -->

    </style>

    段落前面空兩個字的距離，不要再使用空格了。應(yīng)該使用首行縮進text-indent。長度單位em。相對于當(dāng)前對象內(nèi)文本的字體尺寸。我們首行縮進了2em。2em即現(xiàn)在一個字大小的兩倍。

    用CSS實現(xiàn)段落首縮進兩個字符，實現(xiàn)首行縮進的通用方法是加四個小角空格。

    其實呢，用CSS樣式來定義更為高效。

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

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

    凡在div區(qū)域里，瀏覽器一碰上p語句（即一個新段的開始），就會執(zhí)行.suojin所定義的縮進。

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

    ＜div style="text-indent:2em"＞

    ＜p＞段落一＜／p＞

    ＜p＞段落二＜/p＞

    ＜p＞段落三＜p＞

    ＜/div＞

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

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

標(biāo)簽： 企業(yè)網(wǎng)站建設(shè)

建站資訊文章推薦閱讀

文章排行