1 つの列に小数点を含む表があります。ワード プロセッサの「小数点タブ」機能に似た方法で小数点を揃え、すべての点が垂直線上に並ぶようにしたいと考えています。
現時点では 2 つの解決策が考えられますが、もっと良い解決策があることを期待しています...
解決策1: HTML内の数字を分割する。例:
<td><div>1234</div><div class='dp'>.5</div></td>
と
.dp { width: 3em; }
(はい、この解決策はそのままではうまく機能しません。ただし、概念は有効です。)
解決策2: 言及を見つけた
<col align="char" char=".">
リファレンス ページによると、これは HTML4 の一部ですが、私が持っているブラウザーである FF3.5、Safari 4、IE7 では動作しません。また、数値の書式設定を CSS に取り出すことができないという問題もあります (ただし、列全体に影響するため、それほど驚くことではないと思います)。
したがって、誰かもっと良いアイデアを持っていますか?
ベストアンサー1
数字をフォーマットする別の方法は次のようになります。35<span style="visibility: hidden">.000</span>
つまり、小数点以下をすべて拡張して書きますが、末尾の小数は目に見えないインクで書きます。こうすれば、小数点の幅を気にする必要がありません。