按钮可调整大小的jquery魔术边缘

Question

我使用<button></button>标签创建了一个按钮。我应用了.resizable() jQuery，它看起来很好。但是当我检查元素按钮时，它占据了整个div的边距 - 右边虽然边距右边设置为0px。我已经查看了css并覆盖了一些部分来修复它，但我没有成功。是什么导致了它？

与此非常相似：http://jsfiddle.net/nagwW/13/ 如果你检查元素按钮，它占据了整行，但我怎么能只相对于它的实际宽度限制宽度？

Answer 1

如果您正在使用jQuery UI可调整大小的函数，那么您必须将按钮元素放在要调整大小的元素中，因为jQuery UI的默认功能会添加一个带有类名称的div＆＃34; ui-resizable-handle＆＃ 34 ;.您看到的可单击调整大小句柄。

<div id="resizable" class="ui-widget-content">
    <button>Resizable</button>
</div>

看到我从jQuery UI更改的JS Fiddle： http://jsfiddle.net/truthreveller/mX7Ej/3/