垂直對齊輸入框中的文本

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或做小提琴。