Bagaimanakah Saya Boleh Menjajarkan Titik Perpuluhan dalam Jadual HTML dengan Cekap?

Susan Sarandon
Lepaskan: 2024-10-31 05:22:30
asal
822 orang telah melayarinya

How Can I Align Decimal Points in HTML Tables Efficiently?

Menjajarkan Titik Perpuluhan dalam HTML: Melangkaui Penyelesaian Elementary

Walaupun persoalan menjajarkan titik perpuluhan dalam jadual HTML mungkin kelihatan remeh, ia telah terbukti mencabar untuk pembangun web. Dua pendekatan biasa, membahagikan nombor menggunakan elemen HTML atau menggunakan atribut HTML4 col align="char", mempunyai had.

Walau bagaimanapun, wujud penyelesaian yang lebih elegan dan cekap dikenali sebagai aksara Unicode 'RUANG RAJAH' ( ). Watak ruang putih ini mempunyai sifat unik iaitu lebar yang sama dengan digit dan mengekalkan jaraknya.

Memanfaatkan Ruang Rajah untuk Penjajaran

Untuk menjajarkan titik perpuluhan ke kiri, hanya nombor pad dengan ruang angka di sebelah kiri. Untuk penjajaran kanan, nombor pad dengan ruang angka di sebelah kanan.

<code class="css">/* Left-align decimal points */
.left-aligned {
  text-align: left;
  padding-right: .5rem;
  font-family: sans-serif;
}

/* Right-align decimal points */
.right-aligned {
  text-align: right;
  padding-left: .5rem;
  font-family: sans-serif;
}</code>
Salin selepas log masuk
<code class="html"><div class="left-aligned">
  10000<br>
  &amp;#8199;&amp;#8199;123.4<br>
  &amp;#8199;&amp;#8199;&amp;#8199;&amp;#8199;3.141592
</div>

<div class="right-aligned">
  10000<br>
  &amp;#8199;&amp;#8199;123.4<br>
  &amp;#8199;&amp;#8199;&amp;#8199;&amp;#8199;3.141592
</div></code>
Salin selepas log masuk

Kawalan Penjajaran Dipertingkat

Ruang angka memberikan fleksibiliti tambahan dengan membenarkan kawalan melebihi bilangan aksara padding. Ini membolehkan penciptaan lajur atau bahagian yang dijajar dengan sempurna.

Ruang angka disokong oleh semua penyemak imbas utama, menjadikannya penyelesaian yang mantap dan merentas platform untuk menjajarkan titik perpuluhan dalam HTML.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menjajarkan Titik Perpuluhan dalam Jadual HTML dengan Cekap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!