JQuery Portlet – 可以有不同的portlet大小吗？

我正在使用 portlet function of JQuery UI创建一个基本的门户页面. JQuery UI页面上的示例显示了一个非常简单的示例,其中包含3列和固定大小的portlet,适合这些列.有没有办法达到这个目的,以便可以使用不同大小的portlet.

具体来说,如果我有3列我想要的能力：

1)要有一个跨越所有3列(3 * 1)的portlet,
2)在同一行上有一个2 * 1 portlet和一个1 * 1 portlet,从而占用所有3列
3)有任何变化.

我会非常感激,如果有人可以给我任何指针,

谢谢

J.P

解决方法

http://jsfiddle.net/93F2T/

基于display as a grid.使用一个可排序的,当没有足够的空间时,让你的portlet包装到下一行.

.portlet {
    display: inline-block;
    vertical-align: top;
}