Проблема с полем / отступом / границей (?) В таблице HTML [дубликаты]

0

Наличие HTML кода

<table cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td>
        <img src="...">
      </td>
    </tr>
  </tbody>
</table>

с стилями CSS

* {
    border: none;
    margin: 0;
    padding: 0;
}
table {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 110px;
    height: 92px;
    margin-left: -55px;
    margin-top: -46px;
}
img {
    width: 110px;
    height: 92px;
}

доступный в этой скрипке,

Я бы ожидал, что у меня не будет поля, нет заполнения и нет границы в содержимом таблицы. Однако высота стола не такая же, как высота изображения. В элементе td есть некоторые дополнительные пиксели.

В чем проблема? Это стиль или код html?

Показать ещё 1 комментарий

2 ответа

2
Лучший ответ

Это ваш CSS.

Добавление отображения: блок; к img css исправляет проблему для вас.

Табличные ячейки больше, чем они предназначены

1

Это похоже на проблему выравнивания с изображением,

img {
    width: 110px;
    height: 92px;
    vertical-align:middle;
}

должен исправить это, эта скрипка показывает исправление выше.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню