Bagaimana untuk Menjajarkan Titik Perpuluhan dalam HTML Tanpa Pemformatan Tambahan?

Menjajarkan Titik Perpuluhan dalam HTML

Masalah: Bagaimanakah nilai angka dalam jadual boleh dijajarkan secara menegak berkenaan dengan titik perpuluhan mereka tanpa memperkenalkan teg pemformatan tambahan atau menggunakan kod khusus penyemak imbas?

Penyelesaian Kemungkinan:

• Nombor Pemisahan: Membahagi nombor menjadi integer dan perpuluhan menggunakan elemen HTML dan menggayakan titik perpuluhan dengan lebar yang jelas.
• Lajur Char: Menggunakan sintaks daripada HTML4. Walau bagaimanapun, ini tidak disokong oleh penyemak imbas utama.

Penyelesaian Optimum:

Pendekatan yang lebih berkesan dan serasi silang penyemak imbas ialah menggunakan aksara Unicode RUANG RAJAH (U 2007,  ).

RUANG RAJAH:

RUANG RAJAH ialah aksara ruang putih dengan lebar tetap sama kepada digit. Ia mengekalkan jaraknya, sama seperti Ruang Tanpa Rehat. Dengan mengalas nombor dengan RUANG RAJAH, lajur atau div boleh dijajarkan sama ada di sebelah kiri atau kanan.

Contoh:

Nombor dijajar kiri dan berlapik kiri menggunakan RUANG RAJAH:

<code class="html"><p style="font-family: sans-serif">
  10000<br>
  &#8199;&#8199;123.4<br>
  &#8199;&#8199;&#8199;&#8199;3.141592
</p>

<p style="font-family: serif">
  10000<br>
  &#8199;&#8199;123.4<br>
  &#8199;&#8199;&#8199;&#8199;3.141592
</p></code>

Penyelesaian ini lebih baik kerana:

• Menjajarkan nombor tepat pada titik perpuluhannya.
• Berfungsi merentas penyemak imbas dan keluarga fon.
• Membolehkan penyepaduan mudah dengan CSS untuk penggayaan selanjutnya.

Atas ialah kandungan terperinci Bagaimana untuk Menjajarkan Titik Perpuluhan dalam HTML Tanpa Pemformatan Tambahan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!