CSSを使用してテキストを大きく見せずに垂直方向に伸ばすことはできますか?

CSS 変換: テキスト変換

CSS を使用してテキストを拡張できますか?フォントを大きくすると、テキストが隣の小さいテキストよりも太く見えるため、フォントを大きくしないでください。テキストを垂直方向に引き伸ばして変形させたいだけです。これは 1 つの div にあり、通常のテキストはその隣の別の div にある必要があります。これはどうやって行うのですか？

解決策: CSS 2D Transform を使用します

実際には、CSS 2D Transform を使用してこれを実現できます。ほとんどすべての最新のブラウザ (IE9 を含む) がこの機能をサポートしています。以下に例を示します:

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

<code class="css">span.stretch {
    display:inline-block;
    -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 */
}</code>

以上がCSSを使用してテキストを大きく見せずに垂直方向に伸ばすことはできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。