使用CSS水平拉伸文本

Question

我需要水平拉伸文本，但唯一能找到的是font-stretch，根據w3schools的說法，任何瀏覽器都不支持。

有沒有其他方法可以達到這個效果？

Answer 1

是 - 您可以通過使用CSS 2D transforms實現這一目標。

這裏有一個工作jsFiddle。

注意，下面的小提琴/代碼的例子是針對Chrome/Safari瀏覽器（WebKit的），但是，您可以使用2D使用-moz-，-o-和ms相當於前綴/方法在所有主流瀏覽器轉換！

HTML：

<span>Hello!</span> 

CSS：

span {  
    transform:scale(3,1); 
    -webkit-transform:scale(3,1); 
    display:inline-block; 
} 

支持：

它在Chrome，火狐，IE9 +和Opera瀏覽器的支持。

Answer 2

你的意思是？使用CSS：

text-align: justify