使图像适合宽度

时间:2014-03-08 05:15:10

标签: html css image src

我有很多

img src="xxxx" border="0" style="font-size: 11px;"
接下来。但它们的宽度都超过了表格的最大宽度。

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

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

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

2 个答案:

答案 0 :(得分:0)

使用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;
}

答案 1 :(得分:0)

你可以试试这个:

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

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