jquery ui可调整大小错误解决方法

但开启助手： ' ui-可调整大小“帮手”或动画：真实，时候，会发现官方的例子的宽度自动增加了10PX仔细翻源代码一看，发现有以下问题：(如图)9500.163.com

竟然用填料难怪会自动添加宽度这个问题在工程师协会火狐下都存在。其中这个问题比较难发现，但你可以用以下代码测试出来： 复制代码代码如下：样式类型='文本/CSS ' #可调整大小{宽度： 350像素高度： 150像素；padding: 0.5em } #可调整大小的H3 {文本对齐：中心；保证金： 0；} .ui-调整大小-帮助器{边框： 1px虚线# ddd}/style脚本类型=' text/JavaScript ' $(function(){ $(' # resized ').可调整大小({ maxWidth: 350，#让最大宽度和最小宽度一致minHeight: 150，minWidth: 350，helper : ' ui-resizable-helper ' })；});/script/head body div id=' resizable ' class=' ui-widget-content ' test/div/body(9501 . 163.com)

只要把上面的#可调整大小{宽度：350像素高度：150 pxpadd : 0.5 em } # resizableh 3 { text-align : center；margin:0}改为： #可调整大小{宽度：350像素高度：150 px} # resizableh 3 { text-align : center；margin: 5px}即可。其实细心一点会发现还有问题：

其实就是ui-widget-内容的边框的大小为1px造成的，所以，我们改把#可调整大小的宽度在缩小2px修改代码： #可调整大小{宽度：350像素高度：150 px}为： #可调整大小{宽度：348像素高度：150 px}在测试，正常了。发现就是的小问题还真不少.