【问题标题】: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; }
    猜你喜欢
    • 2013-01-03
    • 1970-01-01
    • 2018-04-19
    • 2021-07-31
    • 2016-01-27
    • 1970-01-01
    • 2013-11-05
    • 1970-01-01
    • 2013-04-27
    相关资源
    最近更新 更多