0

テキスト入力は中央揃えに見えますが、選択入力は上揃えになっています。
これを修正して、両方を同じにするにはどうすればよいですか?

ここに画像の説明を入力

現在の HTML コード:

<td><input text-align="top" name="configuration[targets_attributes][0][name]" id="configuration_targets_attributes_0_name" size="30" value="bob" type="text"></td>
<td><li class="select input required" id="configuration_targets_attributes_0_maximum_fte_input"><select id="configuration_targets_attributes_0_maximum_fte" name="configuration[targets_attributes][0][maximum_fte]"><option value="1.0" selected="selected">1.0</option>
<option value="0.9">0.9</option>
<option value="0.8">0.8</option>
...
</select>
</li></td>
4

4 に答える 4

1

コンテナとの一貫性を高めることから始めます。入力は td 内に直接配置しますが、select は li 内に配置します。両方を同じ容器に入れてみてください。リストにないので、すぐに li を使用したくないでしょう。だから私はおそらく2番目のtdでliを取り除くでしょう.

于 2013-07-03T15:52:26.997 に答える
0

text-align私の知る限り、存在しない HTML 属性を使用しています。代わりに、これはテーブルにあるため、CSS プロパティを使用する必要がありますvertical-align: middle

また<li>、タグ内に要素が直接含まれて<td>いますが、これも無効だと思います。<li>要素は、<ul>または<ol>タグのいずれかの子のみにすることができます。

そうは言っても、 a の使用<table>はこの用途にはあまり適していません。実行できますが、フローティング div を使用するなど、より良い方法があるかもしれません。テーブルは、レイアウト用ではなく、表形式のデータ用です。または、おそらくテーブルを取り除き、<ul>浮動<li>タグで a を使用します。

<ul>フロート<li>タグを使用した例を次に示します: http://jsfiddle.net/LU3VU/

于 2013-07-03T15:54:06.160 に答える