jQuery可调整大小的同步调整大小

Question

我想问一下我如何解决可调整大小的jQuery。 我想要的是，如果我调整父元素的大小，它也将调整父元素内子元素的大小。 这是我当前的代码：

<div id="img_holder" style="width:100px;height:120px;float:left;margin:5px;">
    <a href="#" target="_blank" class="thumbnail" style="text-decoration:none;height:120px;">
        <img src="suits.jpg" style="height:110px !important;" />
    </a>
</div>

$("#img_holder").resizable({alsoResize: "#img_holder a, #img_holder a img"});

这是调整大小时的输出

谢谢！

Answer 1

您的示例中的锚点和图像具有预设的height ，因此它们的大小不会调整为大于设置的高度。 我还注意到img高度是使用!important设置的。