99插插插,日本内射精品一区二区视频,日韩精品人妻一区二区尿失禁,欧美精品一区日韩亚洲

×
新網 > 建站推廣 > 正文

建站小技巧，利用css進行首行縮進2個字符 設置

  • 作者：sdfcsd
  • 來源：互聯(lián)網
  • 瀏覽：100
  • 2020-11-17 17:22:03

css設置首行縮進2個字符的方法：可以利用text-indent屬性來設置首行縮進2個字符，如【text-indent:2em;】。text-index屬性用于規(guī)定文本塊中首行文本的縮進，em是相對單位。

css設置首行縮進2個字符的方法：可以利用text-indent屬性來設置首行縮進2個字符，如【text-indent:2em;】。text-index屬性用于規(guī)定文本塊中首行文本的縮進，em是相對單位。


相關屬性：

text-indent 屬性規(guī)定文本塊中首行文本的縮進。

（視頻教程推薦：css視頻教程）

屬性值：

length 定義固定的縮進。默認值：0。

% 定義基于父元素寬度的百分比的縮進。

inherit 規(guī)定應該從父元素繼承 text-indent 屬性的值。

實現(xiàn)代碼：

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>首行縮進</title>
  <style>
   .demo{
    width: 550px;
    height: 200px;
    margin: 50px auto;
   }
   p{
    text-indent:2em;/*em是相對單位，2em即現(xiàn)在一個字大小的兩倍*/
   }
   }
  </style>
 </head>
 <body>
  <div class="demo">
  <p>
  這是一段測試代碼，是關于css文本縮進的一段文字。這是一段測試代碼，是關于css文本縮進的一段文字。
  這是一段測試代碼，是關于css文本縮進的一段文字。這是一段測試代碼，是關于css文本縮進的一段文字。
  這是一段測試代碼，是關于css文本縮進的一段文字。這是一段測試代碼，是關于css文本縮進的一段文字。
  </p>
  </div>
 </body>
</html>
 

免責聲明：本文內容由互聯(lián)網用戶自發(fā)貢獻自行上傳，本網站不擁有所有權，也不承認相關法律責任。如果您發(fā)現(xiàn)本社區(qū)中有涉嫌抄襲的內容，請發(fā)送郵件至：operations@xinnet.com進行舉報，并提供相關證據，一經查實，本站將立刻刪除涉嫌侵權內容。

免費咨詢獲取折扣

Loading