css中把div放在tr中

在HTML中，使用table标签创建表格是一个比较常见的操作。但是，在一些情况下，我们可能需要将div元素放在表格的某一行中，以便对静态内容进行布局。这时候就需要使用CSS的技巧。

<table>
  <tr>
    <td>cell 1 </td>
    <td>cell 2 </td>
    <td>
       <div>content</div>
    </td>
  </tr>
</table> 

上述代码是标准的HTML表格结构，其中的div元素需要放在表格的第三列。实现该布局，需要借助CSS的一些特性。

首先，我们需要将表格单元格的padding设置为0，以保证div元素可以充满表格单元格。

td {
  padding: 0;
} 

接下来，为了将div元素垂直居中，我们需要将表格的display属性设置为table，并将表格单元格的display属性设置为table-cell。

table {
  display: table;
}
td {
  display: table-cell;
  vertical-align: middle;
} 

最后，我们需要设置div元素的显示方式，通常设置为block，以便对其进行宽高控制。

div {
  display: block;
  width: 200px;
  height: 100px;
  background-color: #f2f2f2;
} 

经过以上步骤，我们就可以将div元素完美地放置在表格的某一行中了。