2

次のスクリーンショットを実現する良い方法を探しています。

スクリーンショット

html は次のようになります。

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

本当に次のいずれかを取得する必要があります。

  • 特定の幅または文字制限後に折り返すテキストエリア
  • テキストエリアの外側の div に適用されたスクロールバー

contenteditable他の問題を引き起こすため、回避しようとしています。

注: ソリューションには、流動的な外側の div (テキスト領域の幅固定幅) も必要です。

ありがとう！

4

1 に答える 1

0

あなたはあなたの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;

}

これは私と一緒にうまくいきます。幸運を！

于 2013-01-03T07:17:24.507 に答える