Rumah >hujung hadapan web >tutorial css >Bolehkah CSS Memaparkan Teks Secara Menegak ke Kanan?

Bolehkah CSS Memaparkan Teks Secara Menegak ke Kanan?

Patricia Arquette
Patricia Arquetteasal
2024-11-10 14:14:02745semak imbas

Can CSS Display Text Vertically to the Right?

Adakah CSS Mampu Memaparkan Teks Secara Menegak ke Kanan?

Mencapai teks berorientasikan menegak ke kanan menggunakan CSS sememangnya mungkin. Untuk mencapai ini, anda boleh memanipulasi orientasi teks dan mod penulisan. Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa tidak semua penyemak imbas menyokong sifat orientasi teks sisi.

Kod CSS berikut akan mengorientasikan teks secara menegak ke kanan, walaupun ia bergantung pada sifat awalan vendor:

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

Walau bagaimanapun, memandangkan orientasi teks sisi tidak disokong secara universal, anda boleh menggunakan transformasi skala sebagai alternatif:

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

Kaedah alternatif ini mencapai hasil yang sama, membolehkan anda mempunyai orientasi menegak teks ke kanan dengan cara yang serasi dengan penyemak imbas.

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

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn