Bagaimana untuk Menjajarkan Titik Perpuluhan dalam Jadual HTML Seperti Tab Perpuluhan Pemproses Perkataan?

Menjajarkan Titik Perpuluhan dengan Unikod "Ruang Rajah"

Soalan: Bagaimana saya mencapai penjajaran titik perpuluhan yang tepat dalam jadual HTML, serupa dengan ciri "tab perpuluhan" pemproses perkataan?

Penyelesaian Tradisional:

• Memisahkan Nombor: Mengasingkan integer dan bahagian pecahan nombor dengan elemen HTML.
• Menggunakan Teg "COL": Mengisytiharkan lajur dengan penjajaran "char" untuk memadankan aksara tertentu, seperti titik perpuluhan.

Penghadan:

• Memisahkan nombor boleh memecahkan pemformatan.
• Teg "COL" mungkin tidak disokong dalam semua penyemak imbas atau mungkin kurang fleksibiliti untuk pemformatan CSS.

Penyelesaian Optimum: Unicode Figure Space

Penyelesaian unggul melibatkan penggunaan aksara Unicode "FIGURE SPACE" (U 2007, ). Ia ialah aksara ruang putih yang direka bentuk untuk memadankan lebar digit dan mengekalkan jarak tetap.

Penggunaan:

Untuk menjajarkan titik perpuluhan di sebelah kanan, pad rentetan angka dengan RUANG RAJAH di sebelah kiri, seperti yang ditunjukkan dalam contoh berikut:

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

Teknik ini secara berkesan menjajarkan titik perpuluhan secara menegak tanpa menjejaskan pemformatan angka. Ia juga serasi dengan kedua-dua fon serif dan sans-serif.

Atas ialah kandungan terperinci Bagaimana untuk Menjajarkan Titik Perpuluhan dalam Jadual HTML Seperti Tab Perpuluhan Pemproses Perkataan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!