1

我有一个输入字段：

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

里面的值是“你的故事”，它目前是垂直居中的，我希望它在盒子的顶部而不是在中心。

屏幕截图在这里：http ://awesomescreenshot.com/0a34ajx54

我只看到一个 text-align: left 在 css 中，所以我不确定它为什么垂直居中对齐？

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

如果您想要一个多行文本输入区域，请使用 a <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

输入字段内容将正确对齐您放置在输入字段中的文本，垂直对齐到顶部。

您可能的意思是在 div 或任何存在的地方对齐输入元素。检查包含您正在查看的输入的元素，并将垂直对齐：顶部添加到该样式或类。

于 2012-04-25T20:10:28.897 回答
0

我假设这是一个文本字段而不是文本区域。你想要的东西是不可能的......即使使用伪元素。对不起

于 2012-04-25T20:46:33.623 回答