在表格单元格中对齐DIV

在表格单元格中对齐DIV，可以使用CSS样式来实现。以下是一个简单的示例：

<!DOCTYPE html>
<html>
<head><style>
table {
  width: 100%;
  border-collapse: collapse;
}

table, th, td {
  border: 1px solid black;
}

th, td {
  text-align: left;
  padding: 8px;
}

.div-cell {
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>
</head>
<body><table>
  <tr>
    <th>Header 1</th>
    <th>Header 2</th>
    <th>Header 3</th>
  </tr>
  <tr>
    <td>Text</td>
    <td class="div-cell">
      <div style="width: 50px; height: 50px; background-color: red;"></div>
    </td>
    <td>Text</td>
  </tr>
  <tr>
    <td>Text</td>
    <td class="div-cell">
      <div style="width: 100px; height: 100px; background-color: blue;"></div>
    </td>
    <td>Text</td>
  </tr>
</table>

</body>
</html>

在这个示例中，我们使用CSS样式来设置表格的样式，包括边框、单元格的内边距等。然后，我们定义了一个名为.div-cell的CSS类，它使用display: flex属性将单元格内的DIV元素居中对齐。最后，我们在需要对齐的单元格中添加了这个类。

这个示例只是一个简单的演示，你可以根据自己的需求来调整样式和布局。