html - 使用内联 css 设置图像宽度

Question

我想设置图像的宽度。这是我的代码：-

<div style="width: 630px;">
        <img src="Image/welcomeimage.jpg" alt="no image" />
  </div>

这是我的情况，我不必设置Image的宽度。只有我可以设置 Div 的宽度。所以我必须使用 div 设置图像宽度。我怎样才能做到这一点？

[编辑] 感谢大家帮助我。现在我解决了我的问题。最初，我被告知不要使用 CSS，我必须使用内联 CSS 解决这个问题。但这是不可能的。所以我决定使用 CSS。

score 5 · Accepted Answer

您可以使用所有现代浏览器和 IE 8 及更高版本支持max-width的属性。

要使用它，请在您的 css 中调用它，如下所示：

div img { max-width: 100%; }

这会将您的图像拉伸到div的宽度。

score 3 · Accepted Answer

如果要设置内联宽度，只需执行此操作：

<div>
    <img src="Image/welcomeimage.jpg" alt="no image" width="630" />
</div>

score 1 · Accepted Answer

这行得通。我从来没有img明确地改变过。

<div class="test" style="width: 630px;">
        <img src="http://i.imgur.com/FIylGsy.jpg" alt="no image" />
</div>

CSS：

.test > *{
    width:100%;
}

score 1 · Accepted Answer

像这样在css文件中尝试：

div img {
    width: 630px;
}

你可以使用 JavaScript（例如 jQuery）吗？

score 0 · Accepted Answer

您可以使用 Javascript 动态设置图像的宽度：

伪：

var div = document.getElementById("yourDiv");
var width = div.style.height;
yourImg.style.width = width;

score 0 · Accepted Answer

0

使用以下 CSS

img {
    width: 100%;
}

于 2013-04-23T11:23:57.353 回答

6 回答 6