Наличие 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?
Это ваш CSS.
Добавление отображения: блок; к img css исправляет проблему для вас.
Это похоже на проблему выравнивания с изображением,
img {
width: 110px;
height: 92px;
vertical-align:middle;
}
должен исправить это, эта скрипка показывает исправление выше.
<figure>
и стиль, вместо этого.<figure>
- новый элемент HTML5, поэтому его поддержка ограничена.