Я хочу добавить заполнение в ячейки моей таблицы, но это приводит к переполнению текста, входных данных и т. Д. Внутри таблицы. Из других обсуждений переполнения стека я понял, что ответом является установка box-sizing: border-box, но это не работает для меня.
Ниже приведен минимальный пример, иллюстрирующий проблему.
* {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
table,
th,
td {
border: 1px solid black;
padding: 1.5%;
}
table {
border-collapse: collapse;
}
<table>
<tr>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit</td>
<td><input value=1></td>
</tr>
</table>
С отступом 1,5% поле ввода торчит из правого конца своей ячейки. Если заполнение изменено на 0, то поле ввода подходит точно. Я хочу сохранить отступы, но вписать поле ввода.