使用行高

你还可以使用 line-height 垂直居中容器内的单行文本：

CSS

div {
    height: 200px;
    line-height: 200px;
}

这很难看，但在 <input /> 元素中可能很有用。line-height 属性仅在要居中的文本跨越一行时有效。如果文本换行为多行，则结果输出将不会居中。