javascript - 按钮可调整大小的jquery magic margin

标签 javascript jquery css html

我使用 <button></button> 创建了一个按钮标签。我申请了.resizable() jQuery,它看起来不错。但是当我检查按钮元素时,它占据了整个 div 和它的 margin-right 尽管 margin-right 设置为 0px。我查看了 css 并覆盖了一些部分来修复它,但我没有成功。是什么原因造成的?

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

最佳答案

如果您正在使用 jQuery UI 可调整大小功能,那么您必须将按钮元素放在要调整大小的元素内,因为 jQuery UI 的默认功能会添加一个类名为“ui-resizable-handle”的 div。您看到的可点击调整大小 handle 。

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

查看我从 jQuery UI 更改的这个 JS Fiddle: http://jsfiddle.net/truthreveller/mX7Ej/3/

关于javascript - 按钮可调整大小的jquery magic margin,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22105668/

相关文章:

javascript - 同时分配和检查并有一个很好的语法错误

javascript - 使用javascript在服务器中下载文件

jquery 验证最小长度规则不起作用

jquery - 如何始终触发 jQuery then() 回调?

html - Bootstrap CSS - 视频页面 - 令人头疼的布局

html - 按比例调整图像大小并将其定位在中心

javascript - 内容="IE=7; IE=9"和内容="IE=7, IE=9"有什么区别

javascript - 日期范围过滤器不起作用

javascript - 如何切换 div 的存在而不是可见性

css - 可以使用 :before pseudo-selector on itself?