首行文字縮進

一、說明

在很多情況下,需要首行文件縮進兩個字的距離,一般簡介,描述用到的比較多一點,要實現效果一句css就可以解決。

二、效果圖

三、code

text-indent: 2em;

解釋一下:

text 的意思是文本,indent在計算機英語中意思是縮進,至於後面的2em意思就是2個相對單位;
em又是什麼單位?
em這個單位的意思就是文字的高度,1em就是1個文字的高度,2em就是兩個文字高度,所以我們寫的“text-indent: 2em;”的意思就是,文本縮進2個文字的高度,因爲漢字是方塊字,高度和寬度是一樣的,所以縮進2個文字的高度,就等於縮進兩個文字的寬度,最後的效果就是縮進了兩個文字。

注意:對於"text-indent: 2em;"屬性,只能加在塊狀元素上面,內聯元素是不起作用的。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章