Css 图像宽度是否与父元素相同?
我有一个图像,我需要一个最大宽度作为它的父元素 此代码显示的图像宽度为600px。我需要图像的宽度等于400px,即使图像的自然宽度是600px 我该怎么做Css 图像宽度是否与父元素相同?,css,Css,我有一个图像,我需要一个最大宽度作为它的父元素 此代码显示的图像宽度为600px。我需要图像的宽度等于400px,即使图像的自然宽度是600px 我该怎么做 <div style="width: 400px"> <table> <tr><td> <img widht="600" ..../> </td></tr> </table> </div> 我会帮
<div style="width: 400px">
<table>
<tr><td>
<img widht="600" ..../>
</td></tr>
</table>
</div>
我会帮你解决的。
这将“扩展”图像宽度和包含元素的大小。如果只关心父img关系,则不需要表格……在这种情况下 HTML
去掉
img
中的width
属性。然后使用max width:100%
进行后续操作,这样就可以了。I可以工作,但是图像失去了它的比例,因为高度仍然是原始的。我需要根据宽度重新计算高度。同意。问题不在于你没有在CSS中声明大小。问题是我的image元素在fiddle中的代码中具有属性:height like:。可能与
table, img
{max-width:100%}
img{ width: 100%; }
<div>
<img src='http://www.mibz.com/wp-content/uploads/2009/10/tesla-model-s-large-3.jpg' />
</div>
div{
width:200px;
}
img{
max-width:100%;
}