<分区>
我正在尝试填充一个由 n x 4 个 primeNG 复选框(带有标签)组成的网格,我想知道如何使用 flexbox 来做到这一点。
我希望它看起来像这样:
____________________
x x x x
x x x x
x x x x
____________________
无论垂直方向有什么可用空间,我都希望它被单独放置而不被利用。 (相反,如果存在太多行,将显示滚动条)当我用 flexbox(和 flex-wrap: 1)尝试这个时,它使用所有垂直空间,比如只有 6 个框(4对于第一行,第二行中有 2 个在容器的中间位置)。我想为每个复选框设置指定的高度。此外,每一列也需要指定宽度,因此如果标签溢出,将显示省略号。
我们在整个元素中都使用 primeNG,因此如果常规复选框在这种情况下更容易使用,请随时告诉我,我会进行切换。谢谢!
这是它的作用: https://jsfiddle.net/6rtL0p8v/
我将如何修改它,使后续行(和第一行)保持相对?谢谢!