CSS和图像 - 为什么图片没有调整大小
问题描述:
为什么当我想调整div的大小时,div中的图像不会改变它的大小!这是CASCADE样式表,不是吗?CSS和图像 - 为什么图片没有调整大小
- 编辑 -
.box{padding:0px;margin-left:10px;display:inline-block;margin-right:auto;width:20px;height:20px;border:1px solid red;}
<div class="box">
<img src="larrow.gif"/>
</div>
答
<img>
标签要么图像的自然宽度,或者必须用CSS来重写标签的width
属性的隐式宽度。试试这个,使其父<div>
的宽度图像100%:
div img{
width: 100%;
}
我觉得你有一点什么级联实际上是一种误解。我建议你阅读part of the spec that deals with the cascade。
+0
这种方法是最好的,因为它会保留图像的比例。 – jackJoe 2011-04-03 18:28:33
答
您的样式选择器只匹配box
类的元素。 div
有这个类,但img
没有。因此,div
具有应用的样式并且img
不具有样式。尝试:
.box
{
padding:0px;
margin-left:10px;
display:inline-block;
margin-right:auto;
border:1px solid red;
}
.box, .box img
{
width:20px;
height:20px;
}
<div class="box">
<img src="larrow.gif"/>
</div>
图像的大小是如何指定的? – Oded 2011-04-03 18:22:59
用于应用样式的选择器是否与'img'匹配? – David 2011-04-03 18:24:15