文本框水平垂直居中代码

以下是几种文本框水平垂直居中的代码实现方法：
1. 使用CSS的display属性和text-align属性实现水平居中，再使用line-height属性和height属性实现垂直居中。代码如下：

<div style="display: inline-block; text-align: center; line-height: 120px; height: 120px; border: 1px solid red;">
  <span>文本框</span>
</div>

2. 使用CSS的display属性和margin属性实现水平居中，再使用CSS的position属性和top属性实现垂直居中。代码如下：

<div style="display: inline-block; margin: auto; position: relative; top: 50%; transform: translateY(-50%); border: 1px solid red;">
  <span>文本框</span>
</div>

3. 使用CSS的display属性和vertical-align属性实现垂直居中，再使用CSS的text-align属性实现水平居中。代码如下：

<div style="display: table-cell; vertical-align: middle; text-align: center; height: 120px; border: 1px solid red;">
  <span>文本框</span>
</div>