Bagaimana Mengorientasikan Teks Secara Menegak di Kanan dalam CSS?

Cara Mengorientasikan Teks Secara Menegak di Kanan Menggunakan CSS

Bolehkah anda menjajarkan teks secara menegak di sebelah kanan dalam CSS? Contohnya, anda mungkin mahu memaparkan tarikh seperti "Ahad" tegak tetapi diletakkan di sebelah kanan elemen.

Masalah:

Anda telah mencuba menggunakan kod berikut, tetapi ia tidak membalikkan orientasi:

div {
  writing-mode: vertical-rl;
  text-orientation: sideways;
}

Penyelesaian:

Nilai sisi tidak disokong oleh semua penyemak imbas. Sebaliknya, anda boleh menggunakan transformasi skala untuk mencapai kesan yang diingini:

div {
  writing-mode: vertical-rl;
  /*text-orientation: sideways;*/
  transform:scale(-1);
}

Ini akan menyelak teks secara mendatar, menjadikannya kelihatan seolah-olah ia berorientasikan menegak di sebelah kanan.

Contoh:

<div>Sunday</div>

Output dengan Transformasi:

|
|
| Dimanche

Atas ialah kandungan terperinci Bagaimana Mengorientasikan Teks Secara Menegak di Kanan dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!