【发布时间】:2013-03-25 13:11:07
【问题描述】:
我有一张桌子,在一个 td 标签内有一个 gif 图像:
<table id="wrapper">
<tr>
<td><img src="as.gif" width="auto" height="100%"></td>
</tr>
</table>
我尝试了数千种方法来使 gif 成为 100% 的视口,但不知何故它不起作用!这是我的 CSS:
html, body, #wrapper {
height:100%; width: 100%; margin: 0; padding: 0; border: 0;
}
table {height:100%}
td {height:100%}
tr {height:100%}
#wrapper td {
text-align: center;
}
【问题讨论】:
-
你试过
img {height: 100%;}吗? -
似乎可以正常工作。 jsfiddle.net/isherwood/NwYg7
-
我的猜测是您使用它的上下文是 HTML5 标准。根据 MDN,HTML5 高度的 img 属性仅支持像素值,而不支持 HTML4 的百分比:developer.mozilla.org/en-US/docs/HTML/Element/Img#attr-height
-
似乎在表格中它不起作用,当我将 gif 放入 div 时它起作用。但是我怎样才能使这个 div 居中呢?
标签: html css html-table gif