在flowpanel中垂直添加小部件

时间:2015-03-23 12:41:44

标签: firefox gwt css-float flowpanel

我想将小部件添加到流动面板,但是以垂直方式添加。我已经给出了display:block css to flowpanel和child widgets display:inline:block。它们垂直放置但只放在一列中。我想要一个像水平流动的垂直流动(首先它满足第一行直到流动板宽度到达并移动到下一行)。我想放置小部件,直到流动板的高度到达,当它到达时,我想将小部件放在第一行的下一列。有人可以帮我摆脱这个。

1 个答案:

答案 0 :(得分:0)

你可以用两种方式做到这一点。

您可以在代码中执行所有计算,即测量父容器,添加子项直到高度超过等。这不是最佳解决方案,但它也适用于旧版浏览器。

更好的解决方案是使用所有现代浏览器都支持的Flexbox layout model。将父级设置为:

display: flex;
flex-direction: column;
flex-wrap: wrap;

然后添加你的孩子。让孩子保持display:block。您甚至可以添加一些规则来告诉浏览器如何处理列中的空白区域。