JQuery Portlet - 是否可以有不同的 Portlet 大小？

Question

我正在使用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) 有任何变化。

如果有人能给我任何指点，我将不胜感激，

谢谢

日本

Answer 1

http://jsfiddle.net/93F2T/

基于display as a grid。使用一个可排序的，并在空间不足时让您的 portlet 换行到下一行。

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