按鈕可調整大小的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魔術邊距

回答

相關問題