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