Question

我有一个输入字段：

 <input type="text" class="form-textbox" id="input_16" name="q16_yourStory16" size="300" value="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;
}

Answer 1

如果您需要多行文字输入区域，请使用<textarea>，文字位于左上角。 <input type=text>是单行输入元素，这就是文本居中的原因

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

#input_16 {
    width: 300px;
    height: 200px;
}

Answer 2

输入字段内容将正确对齐您在输入字段中垂直对齐的文本。

你可能意味着将输入元素对齐div或者它存在的位置。检查包含您正在查看的输入的元素，并将vertical-align：top添加到该样式或类。

Answer 3

我假设这是一个文本字段而不是textarea。你想要的是不可能的......即使是伪元素。遗憾

html css表示输入字段的值

3 个答案: