1

入力フィールドがあります：

 <input type="text" class="form-textbox" id="input_16" name="q16_yourStory16" size="300" value="Your Story" />

内部の値は「Your Story」で、現在は垂直方向の中央に配置されています。中央ではなく、ボックスの上部に配置したいと考えています。

スクリーンショットはこちら: http://awesomescreenshot.com/0a34ajx54

css に text-align: left しか表示されないので、垂直方向に中央揃えで配置されている理由がわかりません。

CSS:

#input_16 {
height: 200px;
padding: 10px;
color: #66625F;
text-align: left;
vertical-align: top;
width: 400px;
border: 1px solid #B6D5D7;
padding: 0 5px !important;
}
4

3 に答える 3

4

<textarea>テキストを左上に配置して、複数行のテキスト入力領域が必要な場合は、を使用します。<input type=text>単一行の入力要素であるため、テキストが中央に配置されます

<textarea name="q16_yourStory16" id="input_16">Your Story</textarea>

​#input_16 {
    width: 300px;
    height: 200px;
}
于 2012-04-25T20:08:47.947 に答える
0

これはテキストフィールドであり、textareaではないと思います。あなたが望んでいることは不可能です...疑似要素があっても。ごめん

于 2012-04-25T20:46:33.623 に答える
0

入力フィールドのコンテンツは、入力フィールドに入力したテキストを正しく配置し、垂直方向に上に揃えます。

おそらく、入力要素を div 内またはそれが存在する場所に配置することを意味します。見ている入力を含む要素を確認し、vertical-align:top をそのスタイルまたはクラスに追加します。

于 2012-04-25T20:10:28.897 に答える