html - 如何设置包含图像的 td 标签的宽度/高度?

标签 html css html-table

我想设置 td 标签的宽度和高度,里面有 标签。所以,我想做的是,无论图像大小如何,都应该根据 td 标签的宽度/高度来拍摄。

例子:

如果图片尺寸为200 * 100td标签的宽高为100*50。那么它应该取 100 * 50 ,根据 td 标签的宽度和高度。

<tr>
  <td valign="top" align="center" id="animate" style="color: #FFFFFF;font-family: 'Montserrat', sans-serif; font-size:12px;font-weight:bold;line-height: 0px;letter-spacing:1px;text-align:center;text-transform:uppercase;" width="100" height="100"><img src="http://www.hubilo.com/eventApp/ws/images/event/logo/thumb/2712_1455295221.png" width="70" height="70" ></td>
</tr>

我不能为此使用 position 属性。

最佳答案

试试这个。

display:block;
width:100%;
height:auto;

关于html - 如何设置包含图像的 td 标签的宽度/高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39137831/

相关文章:

javascript - Windows Phone 8 IE 1px 水平滚动条

css - chrome (CSS) 的图像格式问题

css - 将鼠标悬停在元素上时取消隐藏元素

html - 用 CSS 覆盖 HTML 宽度属性

html - 无法 overflow hidden 的内容

javascript - 查找动态生成的 li 元素

html - header 固定和 anchor 链接

css 括号 - 间距问题

html - 仅更改表格的一部分的背景图像

javascript - 如何使用 rowspan 和 colspan 将 HTML 表格规范化为 JavaScript 中的矩阵