Html 使用CSS水平拉伸文本

我被要求水平拉伸文本，但根据w3schools的说法，我能找到的唯一东西是任何浏览器都不支持的

---

有没有其他方法可以达到这个效果？

你是说这个吗？使用CSS：

text-align: justify

---

是-您可以通过使用实现这一点

这里有一个正在工作的

注意下面的Fiddle/code中的示例是针对Chrome/Safari（WebKit），但是，您可以通过使用

-moz-

、

-o-

和

ms

等效前缀/方法在所有主要浏览器中使用2D转换

HTML:

<span>Hello!</span>

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

支持：

<span>Hello!</span>

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

---

Chrome、Firefox、IE9+和Opera浏览器都支持它。

谢谢。这正是我所需要的。我本应该已经这么做了，但我正在等待计时器倒计时。

moz

前缀是特定于firefox的，firefox会自动更新，所以不需要。而且，

-ms transform

前缀仅在IE9的预发行版上需要，因此不需要在那里提供支持