Cara Menjajarkan Titik Perpuluhan dalam HTML: Penyelesaian Angkasa Rajah

Menjajarkan Titik Perpuluhan dalam HTML: Penyelesaian Lanjutan

Dalam HTML, menjajarkan titik perpuluhan boleh menjadi satu cabaran, terutamanya apabila ketepatan diperlukan. Manakala cadangan penyelesaian pembahagian nombor dengan elemen HTML atau menggunakan <col> atribut mungkin kelihatan memadai, ia mempunyai hadnya.

Pendekatan yang lebih mantap ialah menggunakan aksara Unikod 'RUANG RAJAH' (U 2007,  ). Watak ruang putih ini meniru lebar digit dan mengekalkan jaraknya. Dengan mengalas nombor dengan ruang angka, penjajaran boleh dicapai sama ada ke kiri atau kanan.

Pertimbangkan contoh berikut:

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

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

Seperti yang anda lihat, ruang angka menjajarkan titik perpuluhan dengan tepat tanpa mengira fon menaip. Pendekatan ini menawarkan penyelesaian yang lebih elegan dan tepat berbanding kaedah alternatif.

Atas ialah kandungan terperinci Cara Menjajarkan Titik Perpuluhan dalam HTML: Penyelesaian Angkasa Rajah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!