如何在CSS和HTML中对齐垂直文本框？

<div class="container">
  <input type="text" class="textbox">
</div>

.container {
  display: flex;
  align-items: center;
}

.textbox {
  /* 其他样式属性 */
}

<table>
  <tr>
    <td>
      <input type="text" class="textbox">
    </td>
  </tr>
</table>

td {
  vertical-align: middle;
}

.textbox {
  /* 其他样式属性 */
}

<div class="container">
  <input type="text" class="textbox">
</div>

.container {
  position: relative;
  height: 100px; /* 容器的高度 */
}

.textbox {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  /* 其他样式属性 */
}