formの横幅を揃えたい。

質問

以下のように table の各セルに配置されたform があります。
(1から9の数字が一つのformを表しています。)

---------
1 | 2 | 3 |
--+--+---
4 | 5 | 6 |
--+--+---
7 | 8 | 9 |
---------

今は、table も form についても横幅を指定しておりません。
ここで、「2」と「5」の文字数が異なると見た目が凸凹になってしまい、不恰好になってしまいます。

　 － 2 －
┌──────┐
│ABCABCAB ▼│
└──────┘
　 － 5 －
┌────┐
│12345 ▼│
└────┘

「5」 のリストについて、tableの縦の form で幅を揃えたいのですが、良い方法はないでしょうか？
前提といたしまして、中身の「ABC…」の文字列は固定された文字列ではなく、可変の文字列です。
なので、ピクセルを指定して幅を決めるのではなく、動的に対応できる方法が知りたいです。

回答No.2

fujillin · ベストアンサー

実際の設置状況が不明ですが…

例えば
　td form select { width:100%; }
のようにselectに幅を指定しておくことで、tdの横幅一杯にセレクタが表示されます。これで縦に並ぶ幅を揃えることができるのではないでしょうか。
tdの幅一杯ではまずい場合は、tdのpaddingで調整するなどでも可能です。

お礼

ありがとうございます。
指摘の通り、記述いたしましたら、
意図した表示の動作になりました。

回答No.1

steel_gray

テーブルレイアウトは久しくやってないので違うかもしれませんが、
1行目のtdの幅(width)を％で指定すればいいのかも。

<tr>
<td width="33%">1</td>
<td width="33%">2</td>
<td width="33%">3</td>
</tr>

補足

すいません、言葉足らずでした。
揃えたい幅は table ではなく、 form です。
「2」と「5」の form の幅を同じにしたいです。