Bolehkah Anda Meregangkan Teks Secara Menegak dalam CSS Tanpa Menukar Saiz Fonnya?

Bolehkah CSS Mengherot Teks Secara Menegak Semasa Memelihara Saiz?

Contoh kod yang disediakan menggambarkan bagaimana Transformasi 2D CSS boleh digunakan untuk meregangkan teks secara menegak tanpa mengubah saiz fonnya. Teknik ini serasi dengan kebanyakan penyemak imbas web moden, termasuk IE9 dan seterusnya.

Coretan kod berikut menunjukkan cara untuk melaksanakan kesan ini:

<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>

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

Menggunakan kod ini pada yang ditentukan bahagian teks akan mengakibatkan keterlaluan menegak tanpa sebarang kesan pada saiznya.

Atas ialah kandungan terperinci Bolehkah Anda Meregangkan Teks Secara Menegak dalam CSS Tanpa Menukar Saiz Fonnya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!