Вертикальный Выровнять текст во входном поле

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 или сделать скрипку.