CSS でフォ​​ント サイズを変更せずにテキストを縦に長くすることはできますか?

CSS でテキストを伸ばす

質問:

フォント サイズを拡大せずに、CSS を使用してテキストを垂直方向に伸ばすことは可能ですか? ?

答え:

はい、CSS 2D Transforms を使用すると、ほとんどの最新ブラウザでこの効果を実現できます。

実装:

1. 引き伸ばされたテキストの CSS クラスを定義します。

span.stretch {
    display:inline-block;
}

2. transform プロパティを適用して、テキスト垂直方向:

-webkit-transform:scale(2,1); /* Safari and Chrome */
-moz-transform:scale(2,1); /* Firefox */
-ms-transform:scale(2,1); /* IE 9 */
-o-transform:scale(2,1); /* Opera */
transform:scale(2,1); /* W3C */

使用法:

<p>I feel like <span class="stretch">stretching</span>.</p>

これにより、テキストが 2 倍に垂直方向に引き伸ばされて表示されます。 .

以上がCSS でフォ​​ント サイズを変更せずにテキストを縦に長くすることはできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。