JS DIV在TD中居中

在HTML中，如果你想让一个`<div>`元素在`<td>`（表格数据单元格）内水平垂直居中，可以使用CSS的flex布局或者position属性配合其他技巧实现。这里提供两种常见的方法：

1. 使用Flexbox:

<td style="display: flex; align-items: center; justify-content: center;">
   <div class="centered-div">内容</div>
</td>

在这个例子中，`.centered-div`类需要设置样式，如：

.centered-div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; /* 或者适应 td 的宽度 */
}

2. 使用Positioning and Table Display:

<td>
   <div class="centered-div" style="position: absolute; top: 50%; left: 50%;
        transform: translate(-50%, -50%);">
      内容
   </div>
</td>

这种方法利用了`absolute`定位和`transform`来移动元素到父元素中心。