将textarea滚动条应用于它的外部div

Question

我正在寻找一种实现以下屏幕截图的好方法：

html看起来像这样：

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

真的只需要得到：

• textarea在特定宽度或字符限制后换行
• 滚动条应用于textarea中的外部div

试图避免contenteditable因为它引入了其他问题。

  

注意：解决方案还需要一个流体外部div（textarea上的宽度固定宽度）。

谢谢！

Answer 1

你可以在你的HTML上做这样的事情。

<div id="divScroll" class="scroll">
     <textarea class="content"></textarea>
</div>

在css部分。

.scroll {
  display: block;
  padding: 5px;
  margin-top: 5px;
  width: 95%;
  height: 75%;
}

.content{
  width: 50%;
  text-align: left;
  white-space: pre-wrap;
  font-family: Verdana, Helvetica, Arial, sans-serif;

}

这个对我很好。 祝你好运！