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

标签 html css

我想设置图片的宽度。这是我的代码:-

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

这是我的情况,我不用设置Image的宽度。只有我可以设置 Div 的宽度。 所以我必须使用 div 设置图像宽度。 我该怎么做?

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

最佳答案

使用最大宽度

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

要使用它,请像这样在您的 CSS 中调用它:

div img { max-width: 100%; }

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

关于html - 使用内联 css 设置图像宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16167922/

相关文章:

php - 有关使我的网站对不同用户有所不同的最佳方式的建议。 (嘉宾/成员(member))

php - Paypal 立即购买按钮如何在 ipn 监听器中捕获价格/选项下拉数据

javascript - Twitter 预输入隐藏字段

javascript - 函数已定义但仍未定义

html - CSS图像文本叠加到图像中心和图像框阴影奇怪

css - 两个具有动态内容的垂直 block

css - 在窗口调整大小时按比例缩放图像

css - 如何编写用于在给定元素之前选择元素的css选择器

html - 让 Gill Sans 在 IE 中正常显示

html - 在页面上居中 div