在高文本输入中垂直对齐文本的最佳方法是什么?
<input type="text" class="bigbox" value="Some Text"/>
.bigbox{
height:400px;
line-height:400px;
padding:5px;
}
哪种做法最好在输入[文本]中设置文本对齐?不是textarea而是文字......
答案 0 :(得分:1)
答案 1 :(得分:0)
答案 2 :(得分:-2)
您总是可以使用容器div
和一些javascript(我使用jQuery)来伪造它来处理点击。请注意,在javascript中删除然后设置输入的value
是强制将焦点光标移动到文本的末尾。如果这不是您的要求,请随意使用.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);
});
});
<强> JSFIDDLE DEMO 强>