[英]css align text in input vertically to top
高文本输入中文本垂直对齐的最佳方法是哪种?
<input type="text" class="bigbox" value="Some Text"/>
.bigbox{
height:400px;
line-height:400px;
padding:5px;
}
哪种做法最适合在input [text]中设置文本对齐方式? 不是在textarea中,而是在文本中...
您可以始终使用容器div
和一些JavaScript(我使用jQuery)来处理点击来伪造它。 请注意,在javascript中删除并设置输入value
是为了将焦点光标强制到文本的末尾。 如果您.focus()
随意使用.focus()
。
的HTML
<div class="bigbox">
<input type="text" class="bigboxinner" value="Some Text"/>
</div>
的CSS
.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;
}
JS
$(function(){
$('.bigbox').on('click', function(){
var inner = $(this).find('input.bigboxinner');
var tempval = inner.val();
inner.val('').focus().val(tempval);
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.