HTML 控件垂直对齐

Question

我在表格单元格的一行中放置了输入和 2 个按钮。我想在控制中心垂直对齐它。也可以使它的高度相同，并且它的顶部和底部边框应该在一条线上。

实际上按钮的位置比输入低一些。

HTML:

<td>
  <input type="text" />
  <button>save</button>
  <button>cancel</button>
</td>

CSS:

td input[type="text"]
{
  height: 18px
  margin: 0px
  padding: 0px
  border: none width: 50px;
}
td button
{
  height: 18px;
  ?????
}

Answer 1

td input[type='text'], td button{
  vertical-align: middle;
}