Bagaimana untuk Menjajarkan Titik Perpuluhan dalam HTML: Adakah Terdapat Penyelesaian yang Mudah Digunakan?

Penjajaran Titik Perpuluhan dalam HTML

Cabaran untuk menjajarkan titik perpuluhan dalam HTML telah lama wujud, tanpa penyelesaian yang diterima secara universal. Dua pendekatan biasa termasuk membahagikan nombor kepada bahagian konstituennya dan menggunakan atribut "char" dalam unsur. Walau bagaimanapun, kedua-dua kaedah ini tidak memberikan penyelesaian yang memuaskan sepenuhnya.

Pendekatan yang lebih elegan ialah menggunakan aksara Unicode yang dikenali sebagai "RUANG RAJAH" (U 2007). Watak ruang putih ini direka bentuk untuk mempunyai lebar yang sama dengan digit dan mengekalkan jaraknya. Dengan menggunakan ruang angka sebagai pelapik, nombor boleh dijajarkan sama ada di sebelah kiri atau kanan lajur atau div.

Contoh:

Pertimbangkan coretan kod 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>

Kod ini menghasilkan senarai nombor dengan titik perpuluhan dijajarkan secara menegak. Ruang angka yang digunakan sebagai pelapik memastikan bahawa nombor menduduki ruang mendatar yang sama, tanpa mengira panjangnya.

Nota:

Adalah penting untuk ambil perhatian bahawa pemaparan fon boleh menjejaskan penampilan ruang rajah. Sesetengah fon mungkin tidak menyokong ruang angka sama sekali, manakala yang lain mungkin menjadikannya dengan lebar yang berbeza sedikit. Adalah dinasihatkan untuk menguji kemunculan ruang angka dalam gabungan penyemak imbas dan fon yang diingini untuk memastikan penjajaran adalah konsisten.

Atas ialah kandungan terperinci Bagaimana untuk Menjajarkan Titik Perpuluhan dalam HTML: Adakah Terdapat Penyelesaian yang Mudah Digunakan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!