在CSS中，有時(shí)候我們需要將字體后退兩個(gè)格子，這對(duì)于排版來(lái)說(shuō)有時(shí)候會(huì)非常有用。下面，我們來(lái)詳細(xì)看一下如何實(shí)現(xiàn)這一效果。

.text {
margin-left: -2em;
	}

上面的代碼中，我們使用了margin-left: -2em;來(lái)實(shí)現(xiàn)字體后退兩個(gè)格子的效果。其中，em是相對(duì)于字體大小的單位，2em就表示跟字體大小一樣長(zhǎng)的2個(gè)寬度的距離。

然而需要注意的是，如果你使用上面的代碼來(lái)實(shí)現(xiàn)該效果，會(huì)發(fā)現(xiàn)文字后面的空白也同時(shí)后退了兩個(gè)格子，這可能并不是你想要的結(jié)果。那么，怎樣才能讓文字后退而空白不受影響呢？

.text {
text-indent: -2em;
padding-left: 2em;
	}

上面的代碼實(shí)現(xiàn)了文字后退兩個(gè)格子而不影響空白的效果。其中，text-indent: -2em;是將文字的縮進(jìn)向左移動(dòng)兩個(gè)em，而padding-left: 2em;則是在文字前面加上了兩個(gè)em的空白，從而保證了空白不會(huì)受到影響。

總的來(lái)說(shuō)，使用margin-left和text-indent都可以實(shí)現(xiàn)字體后退兩個(gè)格子，只不過(guò)應(yīng)用場(chǎng)合不同。大家可以根據(jù)具體情況選擇使用。