Bolehkah Saya Memanjangkan Teks Secara Menegak dalam CSS Tanpa Menukar Saiz Fon?

Memanjangkan Teks dengan CSS

Soalan:

Adakah mungkin untuk meregangkan teks secara menegak menggunakan CSS tanpa membesarkan saiz fon ?

Jawapan:

Ya, CSS 2D Transforms membolehkan anda mencapai kesan ini dalam kebanyakan penyemak imbas moden.

Pelaksanaan:

1. Tentukan kelas CSS untuk teks yang diregangkan:

span.stretch {
    display:inline-block;
}

2. Gunakan sifat transformasi untuk menskalakan teks secara menegak:

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

Penggunaan:

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

Ini akan memaparkan teks "regangan" yang diregangkan secara menegak dengan faktor 2 .

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