在CSS中，我們經常會用到一種叫做“字體變扁”的技術，可以讓文字變得更扁更窄，以便更好地適應網頁的排版。那么，如何讓文字變扁呢？下面就來介紹一下。 首先，我們可以使用CSS3的transform屬性來實現字體變扁。代碼如下：

p {
transform: skew(-10deg);
}

上述代碼中，skew()函數可以讓元素按指定的角度傾斜。其中，負數表示向左傾斜，正數表示向右傾斜。這里的-10deg就是將文字向左傾斜10度，從而達到文字變扁的效果。 除此之外，我們還可以使用text-shadow屬性來實現字體變扁。代碼如下：

p {
text-shadow: -1px 0 #000;
}

上述代碼中，text-shadow屬性可以讓元素產生陰影效果。其中，-1px表示陰影向左偏移1像素，0表示不偏移，#000表示陰影的顏色。這樣，文字就會在左側產生一條陰影，從而達到變扁的效果。 需要注意的是，使用text-shadow屬性并不能真正改變文字的形狀，只是在視覺上讓它看起來更扁而已。如果要實現真正的扁變化，還是要使用skew()函數。 以上就是關于如何讓文字變扁的介紹，希望能對大家的網頁排版有所幫助。