Bagaimana untuk Mencapai Orientasi Teks Sebelah Kanan Menegak dalam CSS?

Orientasi Teks CSS: Mencapai Orientasi Sebelah Kanan Menegak

Dalam CSS, orientasi teks boleh dimanipulasi menggunakan ciri mod penulisan dan orientasi teks. Untuk mencapai teks berorientasikan menegak yang menghadap ke kanan, seperti imej yang mungkin anda lihat, memerlukan gabungan sifat ini. Walau bagaimanapun, perlu diingat bahawa orientasi teks tidak disokong secara universal merentas penyemak imbas.

Kod Percubaan Asal:

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

Penyelesaian dengan Transformasi:

div {
  writing-mode: vertical-rl;
  transform: scale(-1);
}

Kod asal cuba menggunakan sisi. Walau bagaimanapun, untuk keserasian penyemak imbas yang lebih luas, anda boleh menggantikannya dengan transformasi skala. Dengan menggunakan peraturan transform: skala(-1), teks akan diterbalikkan secara mendatar, membalikkan orientasinya dan mencipta penjajaran teks menegak sebelah kanan dengan berkesan.

HTML:

<div>dimanche</div>

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