Mod penulisan adalah atribut dalam CSS yang mengawal arah penulisan teks. Nilai umum termasuk mendatar-TB (lalai), menegak-RL (menegak dari kanan ke kiri) dan menegak-LR (menegak dari kiri ke kanan); Kegunaan umum termasuk teks menegak yang menyokong bahasa Jepun dan Korea, susun atur bar navigasi menegak, penyesuaian antara muka pembaca PDF, dan sebagainya; orientasi teks digunakan untuk mengawal arah satu aksara dalam mod menegak. Nilai biasa termasuk campuran (lalai, aksara Latin kekal mendatar), tegak (semua aksara dipaparkan secara menegak), ke sisi (aksara berputar 90 darjah mengikut arah jam); Apabila memproses bahasa RTL seperti Arab, Arah: RTL dan Unicode-Bidi: Bidi-override untuk menyatukan orientasi teks dan memastikan konsistensi susun atur; Apabila menggunakan atribut ini, anda perlu memberi perhatian kepada kesannya terhadap saiz elemen, logik susun atur dan gaya keseluruhan untuk meningkatkan keserasian dan profesionalisme pelbagai bahasa.

Mod penulisan CSS dan kawalan orientasi teks sering diabaikan tetapi sangat kritikal dari susun atur laman web. Terutamanya apabila berurusan dengan laman web atau senario berbilang bahasa di mana teks menegak diperlukan, menguasai ciri -ciri ini menjadikan halaman anda lebih fleksibel dan profesional.

Apakah mod penulisan?

Harta writing-mode menentukan bagaimana blok teks mengalir pada halaman. Secara lalai, kebanyakan penyemak imbas menggunakan kiri-ke-kanan, atas-botb (iaitu horizontal-tb ), yang sesuai untuk bahasa Inggeris, Cina dan bahasa lain.

Tetapi jika anda perlu berurusan dengan bahasa seperti Jepun, Korea, atau Mongolia yang secara tradisinya ditulis secara menegak, anda boleh menggunakan:

 mod penulisan: menegak-RL; /* Berturut -turut dari kanan ke kiri*/

atau

 mod penulisan: menegak-LR; /* secara menegak dari kiri ke kanan*/

Selepas tetapan ini, teks dalam keseluruhan elemen akan secara automatik menjadi menegak, dan susun atur akan diselaraskan dengan sewajarnya. Sebagai contoh, lebar dan ketinggian div akan dikira semula berdasarkan arah penulisan baru.

Kegunaan biasa:

• Teks menegak di laman web Jepun, Korea, dan tradisional Cina
• Tukar bar navigasi mendatar ke susunan menegak, menghapuskan tetapan flex atau grid
• Menyesuaikan kandungan dalam bahasa yang berbeza semasa membuat antara muka pembaca PDF

orientasi teks mengawal orientasi satu watak

Apabila menggunakan vertical-rl atau vertical-lr , sesetengah aksara kekal secara mendatar dipaparkan secara lalai, seperti huruf dan nombor Latin. Pada masa ini, anda boleh menggunakan text-orientation untuk mengawal orientasi mereka.

Nilai biasa termasuk:

• mixed : Nilai lalai, watak Latin disimpan mendatar, watak Cina dan ideogram lain berputar ke menegak
• upright : Semua watak dipaparkan secara menegak (sesuai untuk simbol lebar lebar dan Kanna Jepun)
• sideways : Watak keseluruhan berputar 90 darjah mengikut arah jam, sesuai untuk paparan tajuk

Sebagai contoh, jika anda mahukan teks yang bercampur dengan bahasa Inggeris dan Cina untuk kelihatan lebih kemas apabila diatur secara menegak, anda boleh menulis seperti ini:

 .vertical-text {
  mod penulisan: menegak-RL;
  orientasi teks: tegak;
}

Dengan cara ini, sama ada huruf Inggeris atau watak Cina, mereka akan dibentangkan dalam arah menegak bersatu.

Gunakan Arah dan Unicode-Bidi bersama

Walaupun ia tidak jatuh ke dalam kategori langsung mod penulisan, ia sering perlu menggunakan direction dan unicode-bidi bersempena dengan bahasa RTL (kanan ke kiri) (seperti bahasa Arab dan Ibrani).

• direction: rtl; membolehkan teks dalam keseluruhan elemen dipaparkan dari kanan ke kiri
• unicode-bidi: bidi-override; Memaksa menimpa algoritma dua arah lalai penyemak imbas untuk memastikan arah yang konsisten

Contohnya:

 .rtl-content {
  Arah: RTL;
  Unicode-bidi: bidi-override;
}

Gabungan ini amat berguna di laman web antarabangsa, terutamanya apabila pengguna secara dinamik mengubah arah teks apabila menukar bahasa.

Harus diingat bahawa susun atur RTL bukan sahaja perubahan arah teks, tetapi juga mempengaruhi logik gaya seperti padding, margin, susunan flex, dan lain -lain. Adalah disyorkan untuk menguruskannya dalam kombinasi dengan kelas alat CSS atau spesifikasi penamaan BEM.

Pada dasarnya itu sahaja. Mod penulisan dan orientasi teks mungkin kelihatan mudah, tetapi mudah untuk menghadapi keserasian atau masalah misalignment dalam aplikasi praktikal. Menggunakan atribut ini dengan munasabah boleh menjadikan laman web anda lebih mudah disesuaikan dan antarabangsa.

Atas ialah kandungan terperinci Memahami mod penulisan CSS dan orientasi teks. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!