我需要将 <div> 置于 <td> 的中心

Question

我需要将 <div> <td> 因为现在（使用我的代码）我在右边看到了 div，但我想在 <td> 的中心看到 div --- 。这是我的代码：

 <table width="100%">
  <tbody>
    <tr>
      <td>
        <div>
          <label>Start date</label>
          <br/>
          <input type="date" name="start_date">
        </div>
      </td>
      <td>
        <div>
          <label>End date</label>
          <br/>
          <input type="date" name="end_date">
        </div>
      </td>
    </tr>
  </tbody>
</table>

任何人都可以帮助我吗？我不知道我该怎么做。

原文由 Doppu 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

If you do not force the width set for div , changes in alignment for td do nothing because div takes 100% of the width td 。然后你需要为 div 不 使用文本对齐提供对齐方式：

 div {
  text-align: center;
}

让 div 你，它的宽度小于宽度等等。然后使用 margin ：

 div {
  margin: 0 auto;
}

最好使用 flex：

 td {
  display: flex;
  align-items: center;
  align-content: center;
}

原文由 Andrei Fedorov 发布，翻译遵循 CC BY-SA 4.0 许可协议