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

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

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

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

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

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

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

    <style type="text/css">

    <!--

    p{

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

    }

    -->

    </style>

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

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

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

    比如在style里定義如下縮進(jìn)樣式:.suojin{text-indent:2em}

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

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

    也可以在正文中使用嵌入式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è)

建站資訊文章推薦閱讀

文章排行