如何在不額外格式化的情況下對齊 HTML 中的小數點？

在HTML 中對齊小數點

問題：表格中的數值格式標籤或使用瀏覽器特定程式碼的小數點？

可能的解決方案：

• 分割數字：除法使用HTML 元素轉換為整數和小數，並使用顯式寬度設定小數點樣式。
• 字元列： 使用 HTML4 的語法。但是，主流瀏覽器不支援此功能。

最佳解決方案：

更有效且跨瀏覽器相容的方法是使用Unicode 字元圖形空間 (U 2007 ,  ).

圖形空間：

圖形空間是一個具有固定寬度的空白字元到數字的那個。它保持其間距，類似於不間距間距。透過使用圖形空間填充數字，列或 div 可以在左側或右側對齊。

範例：

左對齊和左填充數字使用圖形空間：

<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>

此解決方案非常優越，因為它：

• 在小數點精確對齊數字。
• 跨瀏覽器和字型系列。
• 可以輕鬆與 CSS 整合以實現進一步的樣式設定。

以上是如何在不額外格式化的情況下對齊 HTML 中的小數點？的詳細內容。更多資訊請關注PHP中文網其他相關文章！