1

いくつかの RadiobuttonLists があり、リスト項目のすべてのラベル テキストの幅が異なります。例えば

ラジオボタンリスト #1

(o) this is a really long label         [textbox]

(o) this is another really long label   [textbox]

ラジオボタンリスト #2

(o) short label   [textbox]

(o) short         [textbox]

ご覧のとおり、テキスト ボックスは、各 radiobuttonlist セットの最長ラベルの固定位置内に自然に配置されます。それが私が欲しいものです。(radiobuttonlist と textboxes はそれぞれ に<td>あり<tables>ます。)

ただし、各テーブルの 4 つの側面すべてに境界線があります (上記の例の下にある水色の背景が境界線であると想像してください)。

すべてのテーブルを同じ幅、つまり幅 800px にする必要があります。

最初の 2 つの幅がわからないので、<td>合計が 800px になるようにするにはどうすればよいですか?

何か案は？

4

1 に答える 1

2

これは、単純な css ルールを使用して制御できるはずです。テーブルの幅を 800px に設定してから、入力フィールドの幅を設定し、td を最大幅まで埋めることができます。例として、このフィドルを見てください.. http://jsfiddle.net/JLF2n/

table{width:500px;background-color:#0af;border:2px solid #00f;padding:4px;}

td{border:2px solid #0f0;background-color:#afa;}
td+td{border:2px solid #ff0;background-color:#cc0;width:100px;}
input{width:100px;}

お役に立てれば

于 2013-04-02T01:51:55.997 に答える