html - テーブルに収まるようにtextAreaの高さと幅を調整します

Question

HTMLコンテンツをテーブルに表示しています。textArea表ので使用しているタグを印刷し<td>ます。だから私textAreaはそれがに等しくなるようにの高さと幅を調整したいと思い<td>ます。これどうやってするの

Answer 1

dabblet.demo

問題は、textareaが通常のボックスモデルでは動作しないことです。そのため、ボックスサイズ設定でこのトリックが必要になります。

これCSSはあなたを助けます：

textarea {
    border: none;
    width: 100%;
    -webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */
       -moz-box-sizing: border-box; /* FF1+ */
            box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/
}

cssファイルにアクセスできない場合は、インラインcssを使用できます

このような：

<textarea style="border: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;"> </textarea>

Answer 2

このCSSを使用してみてください：

td textarea {
    width: 100%;
    height: 100%
}

またはインライン：

<td>
    <textarea style="width: 100%; height: 100%; border: none">
    </textarea>
</td>

Answer 3

textareaに100％の幅と高さのスタイルを与える

td textarea {
 width:100%;
 height: 100%;
}

ただし、tdからオーバーフローしないように、パディングと境界線またはテキストエリアも考慮に入れてください。

お役に立てれば。