Html css将设置宽度的图像调整为表格

我有一个包含图像和文本内容的表格，这些图像具有设置的宽度，使用：

<img src="" width="250">

其中一些图像在运行时使用jQuery动态添加到表中。如果添加了一个非常大的图像，表格宽度将大于屏幕大小。我的CSS中有表

宽度：其容器的值

如何使图像缩小，使表格永远不会超过其宽度（以像素为单位）？我不想从图像中删除宽度标记。
您可以通过CSS设置：

img{
        width:100%; height:auto;
}

此外，您可以使用表格单元格本身，而不是使用图像标记。例如：

 <td class="image"></td> 

我为你放了一把小提琴：
如果你的图像在
td
中，就像

<td>
    <img src="#" width="250">
</td>

在stackoverflow上检查这个问题：顺便说一句：谷歌不在线？搜索：“css缩放图像以适应表格单元格”
<td>
    <img src="#" width="250">
</td>

td img {
    display: block;
    width: 100%; /* if td size is definied, and image must be fullwidth */
    max-width: 250px; /* if you want images not to be larger than 250px */
    height: auto;
}