取消傾斜 CSS
在 CSS 中，我們經(jīng)常使用font-style: italic;使得文本傾斜，但在某些情況下，我們需要將文本取消傾斜。以下是兩種方法來(lái)取消傾斜的 CSS：
方法一：使用 font-style: normal;
這是最簡(jiǎn)單和最常見(jiàn)的取消傾斜文本的方法。只需將文本的 font-style 屬性設(shè)置為 normal 就可以了。
.cancel-italic {
font-style: normal;
}方法二：使用 transform: skew();
使用 skew() 可以在文本上創(chuàng)建一個(gè)相反的 Lean。這樣就能將傾斜文本反轉(zhuǎn)。這種方法還可以逆轉(zhuǎn) translate() 轉(zhuǎn)換，以避免相互重疊文本。以下是將距離 10deg 的傾斜文本還原至垂直文本的代碼：
.cancel-italic {
transform: skew(10deg); /* 將文本取消傾斜 */
transform: skew(-10deg); /* 還原垂直文本 */
}需要注意的是，transform: skew(); 只能反向傾斜與 font-style: italic; 相同角度的文本。