css - ASP :Panel re-positioning

Question

我的页面中有 4 个面板。一次(取决于特定条件)显示 1、2、3 或全部 4 个面板。我希望面板自行重新对齐，以便不存在的面板没有空白空间。

为了使问题更清楚，我链接了以上的图示: 如果所有面板都可见，那么它将如下所示:http://ibin.co/1zrkoFfExnRZ

如果假设面板 3 被隐藏，它将如下所示:http://ibin.co/1zs6YimuLQzU

(从图中可以清楚地看到，最初由 Panel 3 占用的空间现在由 Panel 4 占用，即空间不是空的)

我该怎么做？

Answer 1

只需添加:

.panel1, .panel2, .panel3, .panel4 {
   width:50%;
   float:left;}

您的面板应该可以正常工作。

在这个FIDDLE可以看到 。添加display:none到任何面板检查重新对齐。