html - 将 textarea 滚动条应用到它的外部 div

Question

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

html 看起来像这样：

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

真的只需要得到：

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

尽量避免contenteditable，因为它会引入其他问题。

注意：该解决方案还需要有一个流畅的外部 div（文本区域上的宽度固定宽度）。

谢谢！

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;

}

这个适合我。祝你好运！