当Grid过早地将新行包装到新行( 11行之后而不是12行后)，用于Primeflex的CSS？

Question

我正在根据文档使用Primeflex，但是它在11行之后包装到一个新行，而它应该只在使用12行时包装。有人有办法解决这个问题吗？Package.json版本："primeflex"："^1.0.0-rc.1"，

我在我的angular.json中包含了“node_node/primeflex/primefl.css”，否则它根本不会包装任何东西，所以这不是问题所在。我怀疑这个问题是在库的某个地方，但我太新手了，我还没有找到解决方案，而只是简单地用SCSS类来覆盖它。我还发现了Primflexes Github上存在的一个问题，但是另一个用户报告的解决方案解释得不够好，我无法理解它。

请看我的问题的斯塔克布利茨演示。

我希望它能像这那样工作(很抱歉，图片链接，但显然我不够聪明，不能正确地包含图像)。

另外，如果某个有更多Rep的人可以添加标签"Primflex“，那就太好了。

Answer 1

做这个改变，它会解决你的问题。只需添加box-sizing: border-box;

​

​

Answer 2

因为可能不是每个人都知道如何处理我标记为接受的答案，我添加了关于我是如何根据@piyush jain的建议实现修复的描述。我就是这样做的：

1. 我创建了一个新的SCSS文件"_flexgridfix.scss“
2. 我将该文件放在src文件夹中的"styles.scss“所在的同级中。
3. 然后我向文件中添加了piyush jains代码(只有scss类名和值“box- file :边框-box”；而不是其他值，它们是不需要的)。
4. 然后我在"styles.scss“中导入了新的scss文件，如下所示：@import "flexgridfix.scss"；

注意:我必须在开始时使用下划线"_“显式命名新文件，否则Visual代码将无法正确解析导入。就像一个符咒，它现在包装正确。

编辑:显然现在已经修好了:参见https://github.com/primefaces/primeflex/issues/8#issuecomment-539873278