如何制作可垂直滚动的文本区域?

时间:2015-08-15 11:32:21

标签: html css scroll textarea

我有一个textarea html元素,可能包含网址。用户应该可以单击此类URL以打开它们。目前代码如下所示:

<textarea rows="26" class="form-control" disabled> {{ text|urlize }}</textarea>

当然,目前不支持链接。看起来textarea应该替换为其他内容。我尝试使用div,但我不确定如何限制其高度(对于textarea使用rows="26")并使其可滚动。

1 个答案:

答案 0 :(得分:2)

请检查此代码

<强> HTML

<div class="textarea"> </div>

<强> CSS

.textarea{
  width:50%;
  background-color:#eee;
  overflow:hidden;
  height:250px;
  max-height:250px;
  border:1px solid #ccc;
  overflow-y: auto;
}

http://codepen.io/anon/pen/KpYOKq