2016-12-20 7 views
2

テキスト領域の幅と高さを指定するにはどうしたらよいですか?私は(Chromeで)としてテキストエリア定義した

<textarea style="width:100%; height:500px;"></textarea> 

これは推奨寸法であるこれらの寸法を有するようにテキスト領域を強制するので、それは良いことです。ユーザーがそのテキストエリアが小さくても大きくするためにサイズ変更ハンドルをドラッグしたい場合

は、しかし、彼らは私がすべて一緒にスタイルを削除しない

ことができた場合は、テキストエリアには小さな広場に崩壊します。

希望のサイズを指定したいが、ユーザーが任意の方向に大きくまたは小さくドラッグできるようにする。これはできますか?

+0

一般的に、サイズを大きくするにはサイズ変更が機能するようですが、サイズを小さくするにはあまり効果がありません。 – Garconis

+0

ちょうどメモ:Firefoxでは、固定幅/高さのCSS設定でもデフォルトでサイズ変更が許可されています。 min-width/min-heightを設定すると、ユーザーはChromeでサイズを大きくすることができます...問題を部分的に解決します。 – sinisake

+1

http://stackoverflow.com/questions/10356797/cant-reduce-size-of-resizable-textarea-in-chrome、http://stackoverflow.com/questions/18178301/how-can-i-use- css-resize-to-resize-an-height-width-less-than-initなど –

答えて

1

rowscolsという属性を使用してディメンションを指定することもできます。

rows

<textarea rows="5" cols="50"></textarea>

=高いTEXTAREAあるべきラインの数。

cols =テキスト領域の幅は文字数である必要があります。

あなたのcssの残りの部分によっては、テキストエリアが親コンテナよりも大きくならないことがあります。

+1

このアドレスはどのようにしてサイズ変更できますか? –

+0

これはまだ私が指定された次元の下でサイズを変更させません。少なくともChromeではそうではありません –

+0

これは_makeより小さいか大きい_ – LGSon