2013-07-11 38 views
0

我有一個輸入框,非常像twitter(我使用引導程序)。當按下它時,我希望它擴大,它要做的。問題是佔位符和輸入文本從中間開始。我曾嘗試多種方式來改變它沒有成功:使用垂直對齊css屬性的jquery addClass()

  1. $(this).css({"height":"80px","vertical-align":"top"});

  2. addClass method

你能幫我找到一個解決方案嗎?

在此先感謝!

+0

$( 「選擇」)addClass( 「yourclass」);如果您已經看過演示,請查看http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_html_addclass – falguni

+1

請勿使用該資源。有很多好的官方jQuery文檔。 – raam86

+1

你的問題不清楚。在什麼中間?在哪裏結束?顯示HTML和JSfiddle – raam86

回答

0

vertical-align不適用於文本輸入。嘗試設置填充代替。您不需要設置高度,只需使用底部填充即可強制文本頂部。如果您需要多條線路,請考慮使用textarea

$(this).css({"padding-bottom":"60px"});

Demo on Bootply

+0

我剛剛嘗試填充。問題在於,即使我設置了最大高度,使用填充時,輸入框會持續顯示並且文本不會達到頂部。 – crowdfun

+0

以前我有textarea。問題在於從輸入框到textarea的轉換。再次,就像twitter一樣,我想按下單行輸入框並無縫擴展到更大的框(可能是textarea)。 – crowdfun

+0

你試過我的演示了嗎?你使用的是什麼瀏覽器? – ZimSystem