ＨＴＭＬのテーブルで桁をそろえる方法

解決済

質問者：noname#20839
質問日時：2005/12/05 17:15
回答数：4件

ＨＴＭＬのテーブルで、桁をそろえる方法を教えてください。
例）
100
100.5
100.555
10000
をセンタリングすると
100
100.5
100.555
10000
のようになり、とてもみにくくなります。
100
100.5
100.555
10000
のように見やすくしたいのですが、ＨＴＭＬをどのようにすればいいでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.4ベストアンサー

回答者： steel_gray
回答日時：2005/12/06 09:32

#3さんから正しい方法が提示されていますがやはり実装が追いついていないので自分なら#1さんの回答にもちょっとあったスペース()を使った方法で揃えるかな。

微妙な位置ずれはフォントの問題から生じるので等幅フォントを指定します。（これで絶対大丈夫というわけではありませんが。）

<html>
<head>
<title>桁合わせの例</title>

<style type="text/css">

</style>
</head>
<body>
<table>
<tr><td>100</td></tr>
<tr><td>100.5</td></tr>
<tr><td>100.555</td></tr>
<tr><td>10000</td></tr>
</body>
</html>

- 0
- 件

通報する

この回答へのお礼

この方法がベストだと思います。
背景の色を変えても問題ありません。
ありがとうございました！

通報する

お礼日時：2005/12/06 10:58

No.3

回答者： UKY
回答日時：2005/12/05 20:44

col 要素の align 属性を char に設定するのが HTML のテーブルで桁をそろえる正しい方法です。

char 属性で揃える文字 (この場合は小数点) を指定します。

4 行 1 列のテーブルの例
<table>
<col align="char" char=".">
<tr>
<td>100</td>
</tr>
<tr>
<td>100.5</td>
</tr>
<tr>
<td>100.555</td>
</tr>
<tr>
<td>10000</td>
</tr>
</table>

ただし、ブラウザによってはうまく揃わないことがあります。

参考URL：http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401 …

- 0
- 件

通報する

この回答へのお礼

URLも見たのですが、ちょっと分かりにくいです。
すいません。

通報する

お礼日時：2005/12/06 10:55

No.2

回答者： moon_night
回答日時：2005/12/05 17:58

透明なＴＡＢＬＥの方法を。

- 0
- 件

通報する

この回答へのお礼

この方法もありますね。
しかし、テーブルに線をつけれませんね。

通報する

お礼日時：2005/12/06 10:49

No.1

回答者： saintandre
回答日時：2005/12/05 17:30

透明なテーブルを組んだりスタイルシートを使ったりいろいろな手がありますが

とりあえず一番単純な方法を挙げておきます。

<font color="#ffffff">00</font>100
<font color="#ffffff">00</font>100.5
<font color="#ffffff">00</font>100.555
10000

ようするに空けたい部分を「0」で埋めてさらにその余計な部分を背景色と同じにして隠す方法です。
範囲選択されると隠してくる部分がでてきてしまうのが難点ですが。

「」でスペースを挿入する手もありますが試してみたところ微妙にずれますね。