Html css将输入中的文本垂直对齐到顶部

在高文本输入中，垂直对齐文本的最佳方式是什么

<input type="text" class="bigbox" value="Some Text"/>

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

bigbox先生{
高度：400px；
线高：400px；
填充物：5px；
}

在输入[文本]中设置文本对齐方式的最佳做法是什么？不是在文本区域，而是文本

---

只需使用填充为输入提供一个高度，就可以实现所需

.bigbox{
    padding: 0 5px 400px
}

小提琴-

我不确定最好的方法是什么，但至少这会奏效

.bigbox{

    padding:0 5px 400px;
}

---

您可以使用容器

div

和一些javascript（我使用jQuery）来处理单击操作，从而一直伪造它。请注意，在javascript中删除然后设置输入的

值

，是为了强制焦点光标位于文本的末尾。如果这不是您的要求，请随意使用

.focus（）

HTML

<div class="bigbox">
    <input type="text" class="bigboxinner" value="Some Text"/>
</div>

JS

.bigbox{
    height:400px;
    line-height:400px;
    padding:0 5px;
    font-size:16px;
    border:1px solid #CCC;
    display:inline-block;
    cursor:text;
}
.bigboxinner{
    border:none;
    vertical-align:top;
    outline:none;
}

$(function(){
    $('.bigbox').on('click', function(){
        var inner = $(this).find('input.bigboxinner');
        var tempval = inner.val();
        inner.val('').focus().val(tempval);
    });
});

---

有什么区别？我需要顶！看我那把过时的小提琴。它与顶部对齐。上次我只是没有更新链接。为什么要删除我的帖子？如果它不起作用，或者不管怎样，请删除一条评论并提供更好的解决方案。当您只需使用css一行css代码就可以做到这一点时，使用垃圾包装器、jquery和handle clickEvent有什么意义？对于许多问题，有许多方法可以获得相同的结果。此解决方案显示了实现要求的一种方法。OP非常欢迎使用任何建议的解决方案。没有必要侮辱：）他问关于最佳实践（顺便说一句=）为什么写这篇文章？因为如果你有一个大盒子，里面只能写第一行，那么把文本对齐顶部有什么意义？