使图像适合宽度答案

【问题标题】：Fitting images to width使图像适合宽度
【发布时间】：2014-04-11 12:04:47
【问题描述】：

我有很多

img src="xxxx" border="0" style="font-size: 11px;"

一个接一个。但是它们的宽度都超过了表格的最大宽度。

我想知道是否有一种方法可以将 <.....> 全部放入并给出一个命令来更改它们的所有宽度，而无需将 width=800px 标记添加到每个 img src

我对 HTML 不太擅长，但如果你给我命令，我就能弄明白。

我正在尝试div.../divs，但我无法让它影响到他们。

【问题讨论】：

您可以使用 css，并以这种方式设置宽度样式。

标签： html css image src

【解决方案1】：

为它使用 css 类

给所有img一个班级

例子可能是

HTML

<img src="xxxx" border="0" style="font-size: 11px;" class="myImage">
<img src="xxxx" border="0" style="font-size: 11px;" class="myImage">
<img src="xxxx" border="0" style="font-size: 11px;" class="myImage">
<img src="xxxx" border="0" style="font-size: 11px;" class="myImage">
....

CSS

.myImage{

width:800px;
}

【讨论】：

【解决方案2】：

你可以试试这个：

HTML

<div id="image_container">
    <img src="image.png" />
</div>

CSS

#image_container { width:800px; height:500px; }
#image_container img { max-width:100%; max-height: 100%; }

如果您尝试这样做，图像将不会被拉伸，并且质量不会受到损害。享受吧。

【讨论】：

我不认为我可以使用 css..:(.. 这是进入一个由网站生成的表格.. 例如，我将一堆图像放在描述中到 ebay 列表。（但不是 ebay）有没有办法在 div 上放置参数 .. somethign like div id="image_container" { width:800px; height:500px; }