在講方法之前,我們現(xiàn)講一下px,它代表 像素單位,一個(gè)像素只能展現(xiàn)一種顏色,且像素是一種相對(duì)單位。且每英寸能容納的像素點(diǎn)數(shù),就是分辨率
em講解(它也是一種相對(duì)單位,沒(méi)有固定大?。?/p>
如果要求文字的行高是1.2倍行高,直接用line-height: 1.2em;即可
em屬于一種相對(duì)單位。一般1em = 1 * font-size的寬度。一般font-size默認(rèn)為是16px。如果把font-size設(shè)置為20px,那么1em = 20px。
這樣想來(lái),如果我們希望文本正好縮進(jìn)兩個(gè)字符,用em來(lái)設(shè)置是最合適的了,因?yàn)樗窍鄬?duì)于當(dāng)前文字大小來(lái)設(shè)置的縮進(jìn),這樣就不用擔(dān)心因文字大小的改變而導(dǎo)致不是兩個(gè)文字的縮進(jìn)大小。下面給個(gè)例子
我們?cè)O(shè)置的font-size是20px,然后text-indent設(shè)置2em,就可以實(shí)現(xiàn)首行縮進(jìn)了。

圖片發(fā)自簡(jiǎn)書(shū)App