CSS段落開頭縮排兩個漢字

admin發表於2018-06-02
CSS
在寫文章的時候，一般在一個新的段落開始需要空兩個漢字空格。下面就介紹一下如何使用CSS實現此種效果。

程式碼如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<style type="text/css">
.mytest{
  text-indent:2em;
  font-size:12px;
  width:200px;
  height:200px;
  border:1px solid green;
}
</style>
<body>
<div class="mytest">螞蟻部落歡迎您</div>
</body>
</html>

需要特別說明的是text-indent的屬性值是2em，之所以使用em這個單位，因為它的大小是相對於所在物件字型大小，比如如果所在物件的字型大小是12px，那麼1em=12px，所以無論所在物件字型是多大，都能夠保持2個漢字的縮排。

相關文章