html - 表单元格大小未缩放到图像

Closed. This question is off-topic。它当前不接受答案。












                            想改善这个问题吗？ Update the question，所以它是on-topic，用于堆栈溢出。

                        2年前关闭。



我有一个表，其中第一列包含图像，但是图像太大。因此，我为图像添加了max-width：35％来缩小图像。

这可以工作，但是图像所在的单元格的宽度在缩放之前设置为图像的宽度，因此在第一列中留有这个多余的空格。

任何帮助，将不胜感激！

参见以下示例：plnkr.co/edit/McWSdj8HZgspS4E1NNqe?p=preview

最佳答案

我已经通过将单元格的宽度和内部图像设置为宽度的100％来解决了该问题：

<td style="width: 15%">
    <img src="img.jpg" style="max-width: 100%; height: auto;">
</td>

关于html - 表单元格大小未缩放到图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31838266/

上一篇：php - 样式使用 PHP 从 csv 文件创建 div？

下一篇：javascript - 根据所选值更改 HTML 5 范围 slider

移动设备上的 jQuery slideDown 产生错误的 <li> 高度，需要两次点击才能 slideUp

html - 移动时的 CSS 过渡

css - Firefox 拒绝加载@webfont——但不一致

python-3.x - 分割图像上的重叠预测

html - 添加按钮 "inline-block"，图像向右浮动

html - 将两个并排的 div 居中，在缩小窗口屏幕大小时使 div float

javascript - 为什么javascript有一组内置对象？

image - c# 4.0 如何为图像添加图层

java - 如何将字符串形式的图像(从android捕获并使用arraylist传递)转换为blob并将其保存在mysql数据库中