5

ユーザーが入力するときに、テキスト領域の各段落にインデントを適用したいと思います。次のコードを使用しました。

<textarea rows="1" style="height:1em; text-indent:-50px; padding-left:50px;" cols="25" html="true" id="text" >Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum</textarea>

ただし、テキストエリアの最初の行のみに適用され、新しい段落のすべての最初の行には適用されません。cssでこれを達成できますか? またはJavaScriptコード？

前もって感謝します

4

1 に答える 1

2

style属性を で置き換えるとstyle="text-indent: 50px"、段落の最初の行のインデントは 50px になります。

テキストエリアに段落が 1 つだけあるようにするためです。そこにあるデータはプレーンテキストとして処理され、段落の区切りを示す方法はありません。空行を残すとは、1 つの段落として扱われるテキスト ブロック内の空行だけを意味します。

段落区切りのある入力領域が必要な場合divは、contenteditable属性のように通常の要素を使用する必要があります (可能ですが、別のアプローチが必要です。たとえば、データをサーバーに送信する場合は、隠し要素にコピーする必要があります)。分野）。

于 2013-11-07T07:48:52.783 に答える