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


段落前面空兩個字的距離,不要再使用空格了,對於文字,需要使用4個 才會顯示漢字2個字符空格的效果。

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

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

  html 代碼:

  <div>

    <p>層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現HTML標准通用標記語言的一個應用)或XML(標准通用標記語言的一個子集)等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。

    </p>

  </div>

  CSS代碼:

  <style type="text/css">
    p{
      text-indent: 2em; /*em是相對單位,2em即現在一個字大小的兩倍*/
    }
  </style>

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM