【问题标题】:Jquery addClass() using vertical-align css propertyJquery addClass() 使用垂直对齐 css 属性
【发布时间】:2013-07-11 18:28:20
【问题描述】:

我有一个输入框,很像 twitter(我正在使用引导程序)。按下它时,我希望它扩展,它确实如此。问题是占位符和输入文本从中间开始。我尝试了几种方法来改变它但没有成功:

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

  2. addClass method

你能帮我找到解决办法吗?

提前致谢!

【问题讨论】:

标签: jquery css twitter-bootstrap vertical-alignment addclass


【解决方案1】:

vertical-align 不适用于文本输入。请尝试设置填充。您也不需要设置高度,只需使用底部填充将文本强制到顶部。如果您想要多行,请考虑改用textarea

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

Demo on Bootply

【讨论】:

  • 我刚才试了padding。问题是,即使我设置了 max-height,输入框也会随着填充不断扩大并且文本不会到达顶部。
  • 以前我有 textarea。问题在于从输入框到文本区域的转换。再次,就像 twitter 一样,我想按下单行输入框并无缝展开到更大的框(可能是 textarea)。
  • 你试过我的演示了吗?你用的是什么浏览器?
  • Twitter 正在使用可编辑的 div。这可能是您可以尝试的另一种解决方案。
  • 我现在尝试了演示,进行了更改并且可以正常工作。谢谢:)
猜你喜欢
  • 1970-01-01
  • 2016-08-10
  • 1970-01-01
  • 2011-07-21
  • 2015-09-06
  • 2011-10-03
  • 1970-01-01
相关资源
最近更新 更多