HTML input type = "submit" удваивает высоту строки в таблице

Question

У меня есть HTML-таблица, где в некоторых строках есть кнопка, подобная этой:

  <td >
    <form action="..." method="GET">
      <input type="submit" value="..."/>
    </form>
  </td>

Строки с входными данными имеют примерно вдвое большую высоту, чем другие строки, которые в других отношениях имеют схожие данные.Когда я удаляю только вход, высота строки возвращается к нормальной.У меня такое же поведение в Firefox и IE.

Могу ли я получить нормальную высоту строки И кнопку <input/>?

Answer 1

Тег <form> добавляет пробелы по умолчанию в большинстве браузеров. Это, вероятно, проблема. Попробуйте добавить следующее в свою каскадную таблицу стилей:

form {
    padding: 0;
    margin: 0;
    display: inline;
}

Если это не так, мы можем использовать "грубую силу" для некоторых других опций:

input {
    margin: 0;
    display: inline;
}
td {
    padding: 0;
}

(Конечно, если возможно, заменить более конкретные селекторы.)

Если даже это не сработает, попробуйте использовать такой инструмент, как Firebug, чтобы определить, откуда еще может появиться место.