在CSS中我們經(jīng)常需要為文本設(shè)置字體，但是有時(shí)候我們會(huì)遇到一個(gè)問(wèn)題，就是無(wú)法將字體左對(duì)齊，這是為什么呢？

p {
font-family: Arial, sans-serif;
font-size: 16px;
margin: 0;
padding: 0;
text-align: left;
}

首先，讓我們來(lái)看一下上面的代碼。我們?yōu)閜標(biāo)簽設(shè)置了字體的樣式以及左對(duì)齊，為了避免一些奇怪的空隙出現(xiàn)，我們還設(shè)置了margin和padding為0。

然而，當(dāng)我們將這個(gè)樣式應(yīng)用到一段文本上時(shí)，發(fā)現(xiàn)它還是無(wú)法實(shí)現(xiàn)左對(duì)齊，而是會(huì)留下一些奇怪的空隙。

原因在于字體的基線（baseline）和實(shí)際文本的底部（bottom）并不一致。基線是這個(gè)字體的下沿，而底部則是該文字框的下沿。

這樣一來(lái)，在設(shè)置字體時(shí)，我們需要額外考慮字體的baseline，同時(shí)用line-height屬性來(lái)控制文本的高度，并將其設(shè)置為字體的高度加上baseline即可:

p {
font-family: Arial, sans-serif;
font-size: 16px;
margin: 0;
padding: 0;
line-height: 1.4em;
vertical-align: baseline;
}

以上代碼，我們添加了一個(gè)名為vertical-align的屬性，并將其設(shè)置為baseline。我們還將line-height設(shè)置為字體高度加上baseline。這樣一來(lái)，無(wú)論是哪種字體，都能夠完美地左對(duì)齊。

總結(jié)來(lái)說(shuō)，CSS樣式是可以控制字體左對(duì)齊的，但需要注意字體的baseline，以及l(fā)ine-height屬性的設(shè)置。