Question

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

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

1）让一个portlet跨越所有3列（3 * 1） 2）在同一行上有一个2 * 1 portlet和一个1 * 1 portlet，从而占用所有3列 3）有任何变化。

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

谢谢

JP

Answer 1

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

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