按钮可调整大小的jQuery魔术边距

我使用<button></button>标签创建了一个按钮。我申请了.resizable() jQuery，它看起来很好。但是，当我检查元素的按钮，它占据整个div的边距 - 右边界，但右边距设置为0px。我查看了CSS并覆盖了一些部分来修复它，但我没有成功。是什么造成的？按钮可调整大小的jQuery魔术边距

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

来源

2014-02-28 Earl Bunao

你谈论的div.ui，可拖动？在IE和Firefox中，我没有看到任何奇怪的行为。 –

是的。在ui-draggable中，ui-widget也有很长的余量。 –

我在firefox中尝试过，ui-draggable的div跨越整个工作区。我怎么能限制它的按钮的宽度？ –

如果您使用的是jQuery UI可调整大小的函数，那么您必须将按钮元素放置在被调整大小的元素中，因为jQuery UI的默认功能会添加一个类名为“ui-resizable-handle”的div。您看到的可点击调整大小的句柄。

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

见这个JS小提琴，我从jQuery UI的改变： http://jsfiddle.net/truthreveller/mX7Ej/3/

来源

2014-02-28 22:19:20 truthreveller

谢谢你！我还有一个额外的问题，在我的代码中，按钮内的文本是可编辑的，我也在'

按钮可调整大小的jQuery魔术边距

回答

相关问题