Question

我有一张像

这样的表格

<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）

类 - 选择组合

类的select组合的格式安静不同，与第一个表相比，它提供的空间更少。我没有为表格应用任何样式。

无法在表格中插入div。 * 注意：空格由 - *

指定

Answer 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%;}

Example

但是我不得不说表格是用于表格数据的，所以你不应该把断路器div放在那里（甚至使用表格，因为它看起来不像表格数据）

Answer 2

您应该在<td>中使用<tr>;所以尝试将代码修改为：

<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格式后表格格式不同

2 个答案: