調整一個框到零高度

Question

我在這個jsfiddle中有一個框 - http://jsfiddle.net/stevea/myh7n/ - 我已經設置了普通的調整大小手柄。

$(function() { 
    $('#box').resizable({handles : 'n,e,s,w'}); 
}); 

我想有盒子變成一個水平線上，現在，通過垂直調整其大小，以儘可能小的高度可能的，但最小的似乎是約13像素。我試着改變調整大小手柄的偏移量，但似乎沒有幫助。有誰知道我可以如何將框的大小調整到0的高度，所以我只有從邊框製成的2px線？

謝謝。

Answer 1

您可以定義自定義minHeight。

$(function() { 
    $('#box').resizable({handles : 'n,e,s,w', minHeight: 0}); 
}); 

A working JSFiddle

For further reading about the Resizable Widget