Отрегулируйте высоту и ширину textArea, чтобы она соответствовала таблице <td> таблицы

Я показываю содержимое html в таблице. Для печати тегов я использую textArea в <td> таблицы. Поэтому я хочу отрегулировать высоту и ширину textArea, чтобы она была равна <td>. Как я могу это сделать

Ответы

Ответ 1

dabblet.demo
enter image description here

проблема заключается в том, что textarea ведет себя не нормальная box-model, поэтому нам нужен этот трюк с размером окна

этот 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, вы можете использовать inline css

вот так:

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

Ответ 2

Попробуйте использовать этот CSS:

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

Или встроенный:

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

Ответ 3

дайте textarea 100% стиль ширины и высоты

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

но также учитывайте прокладки и границы или текстовую область, чтобы она не переполнялась из td.

надеюсь, что это поможет.