使用CSS水平拉伸文本

Question

我需要水平拉伸文字，但我唯一能找到的是font-stretch，根据w3schools的说法，任何浏览器都不支持。

还有其他方法可以达到这种效果吗？

Answer 1

是 - 您可以使用 CSS 2D transforms 来实现这一目标。

这是一个有效的 jsFiddle 。

注意以下小提琴/代码中的示例适用于Chrome / Safari（webkit），但是，您可以使用-moz-，-o-在所有主流浏览器中使用2D变换{1}}和ms等效前缀/方法！

<强> HTML：

<span>Hello!</span>

<强> CSS：

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

<强>支持：

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

Answer 2

你是说这个意思吗？使用CSS：

text-align: justify