Question

我有很多

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

接下来。但它们的宽度都超过了表格的最大宽度。

我想知道是否有办法将<.....>全部放进去并提供一个命令来更改所有宽度，而无需将width=800px标记添加到每个img src

我对HTML不是很了解，但如果你给我命令，我可以弄明白。

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

Answer 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;
}

Answer 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%; }

如果您尝试此操作，图像将无法拉伸，质量也不会受到损害。享受。

使图像适合宽度

2 个答案: