垂直对齐输入框中的文本

Question

我在输入框中垂直对齐文本时出现问题。我已经试过display:table-cell。但是当我进入太空时，不是跳线，而是向右。它适用于多条线路，而不仅仅是一条线路。

<div class="bodytext"> 
    <div class="vertical"> 
     <input type="text"> 
    </div> 
</div> 

Answer 1

这是你的意思吗？现在文本在文本框中垂直居中。

.bodytext{ 
 
    width: 100%; 
 
    height: 100px; 
 
    background-color: #eee; 
 
} 
 
.bodytext .vertical input{ 
 
    height: 50px; 
 
}

<div class="bodytext"> 
 
<div class="vertical"> 
 
    <input type="text"> 
 
</div> 
 
</div>

Answer 2

尝试添加line-height或padding输入，或者如果你可以分享你的CSS或做小提琴。