フォームには、1つの選択フィールドと2つの入力フィールドがあります。これらの要素は垂直方向に整列しています。残念ながら、これらの要素の幅を同じにすることはできません。
これが私のコードです:
<select name="name1" style="width:198px">
<option>value1</option>
<option>value2</option>
</select><br/>
<input type="text" name="id1" style="width:193px"><br/>
<input type="text" name="id2" style="width:193px">
上記の例の場合、select要素の最適な幅は198または199 pxです(もちろん、193pxを試しましたが、違いは大きなものです)。これらの要素の幅は同じではないため、解像度に依存します(さまざまなコンピューターやブラウザーによって異なります(場合によっては、約1ピクセルまたは2ピクセルの違いと思います)。これらの要素をdivまたはテーブルの行に設定しようとしましたが、役に立ちません。
Q:これらの要素の幅を正確に等しくするにはどうすればよいですか?