-1

私は次のようなテーブルを持っています

<table>
<tr>
<td>Name</td>
<td><Select ></select</td></tr>
</table>
<div>
</div>
<table>
<tr>
<td>Class</td>
<td><select></select></td></tr>
</table>

ただし、divの前の最初のテーブルと比較して、divが異なるフォーマットを取得した後のテーブルが表示されます。

たとえば、ブラウザで表示すると、次のようになります。

名前-------選択リスト( - represents space)

クラス -- コンボを選択

クラスの選択コンボの書式設定は静かで、最初のテーブルと比較してスペースが少なくなります。テーブルにはスタイルを適用していません。

テーブル内に div を挿入することはできません。 *注: スペースは - *で指定します

4

2 に答える 2

1

テーブルと列に特定の幅を指定しない場合、コンテンツのサイズに合わせて大きくなります

css を使用してスタイルを設定する必要があります。

マークアップの修正とクラスの追加:

<table>
  <tr>
    <td class="title">Name</td>
    <td class="input"><Select ></select></td>
  <tr>
</table>
<div></div>
<table>
  <tr>
    <td class="title">Class</td>
    <td class="input"><Select ></select></td>
  <tr>
</table>

CSS

table {width:100%;}
table .title,
table .input {width:50%;}

例

ただし、テーブルは表形式のデータ用であると言わざるを得ないため、ブレーカー div をそこに配置するべきではありません (または、表形式のデータのように見えないため、テーブルを使用することさえありません)。

于 2013-07-18T10:13:14.683 に答える