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

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

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


相關屬性:

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

(視頻教程推薦:css視頻教程)

屬性值:

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

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

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

實現代碼:

<!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即現在一個字大小的兩倍*/
   }
   }
  </style>
 </head>
 <body>
  <div class="demo">
  <p>
  這是一段測試代碼,是關于css文本縮進的一段文字。這是一段測試代碼,是關于css文本縮進的一段文字。
  這是一段測試代碼,是關于css文本縮進的一段文字。這是一段測試代碼,是關于css文本縮進的一段文字。
  這是一段測試代碼,是關于css文本縮進的一段文字。這是一段測試代碼,是關于css文本縮進的一段文字。
  </p>
  </div>
 </body>
</html>
 

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

相關文章

免費咨詢獲取折扣
排列五走势图带坐标准 两个彩票平台对刷要注意什么 (^ω^)MG星际争霸战投注 苏州老快3开奖结果走势图 彩票平台知道我的银行账号 福彩p3开机号今天查询结果 (★^O^★)MG英雄吕布玩法介绍 河南快三最大遗漏 (*^▽^*)MG海王星王国闯关 广西快三开奖结果控 (-^O^-)MG幸运妖精免费试玩 (★^O^★)MG水果大战巨额大奖视频 网赚网站 (★^O^★)MG幸运日登陆 (*^▽^*)MG真正高手免费试玩 (^ω^)MG神秘的百慕达投注 (^ω^)MG水果vs糖果官网