html - CSS を使用してテキストを水平方向に伸ばす

Question

テキストを水平方向に引き伸ばす必要がありますが、w3schools によると、どのブラウザーでもサポートされていないfont-stretchしか見つかりませんでした。

この効果を満たすことができる他の方法はありますか？

Answer 1

はい。CSS 2D 変換を使用してこれを実現できます。

これは動作中のJSFiddleです。

以下のフィドル/コードの例は Chrome/Safari (WebKit) 用ですが、-moz-、-o-、およびms同等のプレフィックス/メソッドを使用することで、すべての主要なブラウザーで 2D 変換を使用できます。

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