<address id="rzl99"></address>
<noframes id="rzl99">

      <address id="rzl99"></address>
      <var id="rzl99"><nobr id="rzl99"><th id="rzl99"></th></nobr></var>

      <form id="rzl99"><nobr id="rzl99"></nobr></form>

          <noframes id="rzl99">

          北京網站建設公司,專注于為企業提供高端網站定制開發及解決方案服務!

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

          div+CSS實現段落首行縮進兩個字符

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

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

              企業網站建設技術

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

              <style type="text/css">

              <!--

              p{

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

              }

              -->

              </style>

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

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

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

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

              在需要縮進的地方使用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標簽是換行標簽不是分段標簽。

          標簽: 企業網站建設

          建站資訊文章推薦閱讀

          文章排行

          日本护士xxxx爽爽爽