36

<input type="text" />入力したテキストの縦方向の配置を設定する必要があります。たとえば、ミドルまたはトップ。 http://jsfiddle.net/eSPMr/

4

7 に答える 7

26

vertical-align はテキスト入力では機能しないため、パディングを使用して偽造します。

jsFiddle の例

CSS

.date-input {     
    width: 145px;
    padding-top: 80px;
}​
于 2012-09-10T16:20:59.917 に答える
13

別の方法は、次を使用することです：http line-height: //jsfiddle.net/DjT37/

.bigbox{
    height:40px;
    line-height:40px;
    padding:0 5px;
}

フォントサイズや目的の高さなどに基づいてパディングを計算する必要がないため、特定の高さが必要な場合、これはより一貫性が高くなる傾向があります。

于 2012-09-10T16:34:10.717 に答える
10 
input[type=text]
{
   height: 15px; 
   line-height: 15px;
}

これは、垂直方向の中間位置を設定する正しい方法です。

于 2012-09-10T16:31:03.410 に答える
2

自分の問題の解決策を探しているときに、この質問を見つけました。前の回答は、パディングに依存してテキストを入力の上部または下部に表示するか、height と line-height の組み合わせを使用してテキストを垂直方向の中央に揃えます。

div と配置を使用してテキストを中央に表示する別の解決策を次に示します。jsfiddleをチェックしてください。

<style type="text/css">
    div {
        display: inline-block;
        height: 300px;
        position: relative;
        width: 500px;
    }

    input {
        height: 100%;
        position: absolute;
        text-align: center; /* Optional */
        width: 100%;
    }
</style>

<div>
    <input type="text" value="Hello world!" />
</div>
于 2017-09-22T20:18:41.047 に答える