我一直在寻找答案已经有一段时间了,并且正在修补它一段时间,但似乎找不到解决方案。可能这很容易,但我无法绕过它。
我在容器中得到了内联样式为“max-width:44%”的图像。
如何使容器与其中的图像宽度相同?
<div class="post" >
<img src="http://placekitten.com/200/300" style="vertical-align:bottom; max-width:44%;"/>
</div>
.post{position:relative; display:inline-block; border: 1px solid lime; }
这是 jsfiddle 示例:http: //jsfiddle.net/37Fyb/2/