DIV实现input垂直居中

可以使用flex布局来实现input的垂直居中，具体步骤如下：

1. 给input的父元素添加display:flex;align-items:center;属性，使子元素垂直居中。

2. 设置input的高度和line-height属性相等，使文字垂直居中。

示例代码如下：

HTML:

<div class="container">
   <input type="text" placeholder="请输入内容">
</div>

CSS:

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

input {
   height: 50px;
   line-height: 50px;
   padding: 0 10px;
}