Question

我做了文本区域，我希望当我的文本超出文本区域的宽度然后而不是创建滚动条它应该只是增加文本区域的宽度我怎么能这样做这里是HTML代码和CSS我正在申请这个请建议我一些事情。我想让这个文本区像facebook评论框一样工作？

<style>
.textarticle
 {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.18);
  width:600px;
  max-width:600px;
  min-height: 50px;
  max-height: 140px;
  border:1px solid E7DBDB;
  border-radius:5px;
  overflow:none;
 }
</style>

<html>
 <textarea class="textarticle" name="textarticl" placeholder="Enter Article">
</html>

Answer 1

@JoshCrozier是对的，你想要overflow:hidden。要使textarea自动扩展高度，您需要一些JQuery插件的帮助。一个有用的是杰克摩尔的autosize.js。

只需致电$('textarea').autosize();，您就可以了。

这是展示它的jsFiddle。

Answer 2

添加溢出：自动

textarea {overflow：auto; }

想要从文本区域中删除滚动条？

2 个答案: