使用内联css设置图像宽度

Question

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

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

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

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

Answer 1

使用max-width

您可以在所有现代浏览器和IE 8及更高版本中使用max-width is supported属性。

要使用它，请在css中调用它：

div img { max-width: 100%; }

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

Answer 2

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

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

Answer 3

这很有效。我从未明确地更改img。

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

CSS：

.test > *{
    width:100%;
}

Demo

Answer 4

尝试使用css文件：

div img {
    width: 630px;
}

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

Answer 5

您可以使用Javascript动态查看图像的宽度：

伪：

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

Answer 6

使用以下css

img {
    width: 100%;
}