解决方法
您可以使用如上所述的jQuery UI可调整大小.我甚至为你设置了一个小提琴!
http://jsfiddle.net/digitalaxis/j2JU6/
jQuery的
$('#element').resizable({ handles: { 'ne': '#negrip','se': '#segrip','sw': '#swgrip','nw': '#nwgrip' } });
HTML
<div class="ui-resizable-handle ui-resizable-nw" id="nwgrip"></div> <div class="ui-resizable-handle ui-resizable-ne" id="negrip"></div> <div class="ui-resizable-handle ui-resizable-sw" id="swgrip"></div> <div class="ui-resizable-handle ui-resizable-se" id="segrip"></div>
CSS
#elementResizable { border: 1px solid #000000; width: 300px; height: 40px; overflow: hidden; } #nwgrip,#negrip,#swgrip,#segrip,#ngrip,#egrip,#sgrip,#wgrip { width: 10px; height: 10px; background-color: #ffffff; border: 1px solid #000000; } #segrip { right: -5px; bottom: -5px; }