0

こんにちは、コンテナの幅が 100% の HTML に Textarea があります。Css のみを使用してスクロールバーなしで Textarea の高さを 5000 文字に合わせて修正する方法はありますか?

Cssを次のように設定しました

textarea {
    font-family: inherit;
    width: 100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    resize: vertical;
    box-sizing: border-box; /* For IE and modern versions of Chrome */
    -moz-box-sizing: border-box; /* For Firefox                          */
    -webkit-box-sizing: border-box; /* For Safari                           */
}

編集:わかりました、私の幅は 100% です。これにより、テキストエリアは画面サイズ/コンテナーの 100% に収まります。したがって、画面の幅が 800px で、フォントが 12px の場合、5000 に対応するようにテキストエリアの高さを設定する必要があります。文字。

4

2 に答える 2

1

属性最大長In textarea タグがあるため、文字の制限はそれほど複雑ではありません。

テキストエリアに 5000 文字が必要だと仮定すると、次のコードを使用します。

<textarea rows="4" cols="50" maxlength="5000">
   Enter text here...
</textarea>

ご覧のとおり、textarea タグ内にmaxlength属性を追加して 5000 に設定しました。

したがって、最大長を設定した後、CSS に別の方法を追加して、スクロール アウトを維持し、高さを 5000 に一致させることができます。

textarea{
 overflow: hidden;
 height: auto;
}
于 2013-10-04T17:47:45.210 に答える
0

CSSだけで？私は簡潔に答えます：いいえ。

于 2013-10-04T17:59:59.453 に答える