#css #opera #padding #margins
#css #opera #заполнение #поля
Вопрос:
Это скриншот из Opera с использованием FireFly. Он четко иллюстрирует заполнение (5 пикселей) и поля (0 пикселей) текстового поля. Однако справа от текстового поля находится неопознанный черный пробел размером примерно 10 пикселей, который не является HTML-пробелом, td заполнением, полем текстового поля или чем-либо еще, о чем я могу подумать.
Интервал также существует в FireFox и IE 9.
(Пожалуйста, игнорируйте тот факт, что кнопка ниже имеет тот же отступ — в ее случае я добавил отступ прямо к td , чтобы выровнять его)
Есть идеи?
Комментарии:
1. Может ли это иметь отношение к ширине td по умолчанию?
2. Можете ли вы опубликовать соответствующий CSS?
3. На самом деле это было бы убийственной вещью для добавления в один из многих, многих инструментов веб-разработки. Укажите и щелкните «Откуда берется этот #* $ amp;#$ * amp;^ пробел?» Большинство из них обрисуют для вас блок, но укажут, откуда взялись эти конкретные пиксели? Это было бы мило.
Ответ №1:
На самом деле вы должны публиковать сам код, а не изображение того, что происходит. Убедитесь, что при использовании <td> это </td> сразу следует за последней частью содержимого:
<td>
<input type="text"></td> <!-- No space here, not even a CRLF -->
Ответ №2:
Даже лучшие из нас могут полностью очистить… Причина моей проблемы, очевидно, в том, что ширина текстового поля не установлена на ширину, которая будет заполнять td . Увеличение ширины устранило эту проблему.
Установка значения 100% по какой-то причине выводит его за пределы td хотя, но это другая проблема.
@Tim Post: Это ответ на мою проблему, а не комментарий — Пожалуйста, не удаляйте ответы, не задумываясь.