CSS 修复了 Primeflex Flexgrid 在 Grid 过早换行时(在 11 行而不是 12 行之后)?
CSS Fix for Primeflex Flexgrid when Grid wraps to new line too early (after 11 rows instead of 12)?
我正在根据 documentation 使用 Primeflex Flexgrid,但它在 11 行后换行,相反,它应该只在使用 12 行时换行。
有人有解决办法吗?
package.json 中的版本:"primeflex":“^1.0.0-rc.1”,
我已将 "node_modules/primeflex/primeflex.css" 包含在我的 angular.json 中,否则它根本不会包装任何东西,所以这不是问题所在。
我怀疑问题出在图书馆的某个地方,但我太新手了,无法找到解决方案(还)并且我自己用 SCSS Class 简单地覆盖它。
我还在 Primflexes Github 上发现了一个现有问题,但另一个用户报告的解决方案解释得不够好,我无法理解它。
查看我的 Stackblitz 问题演示。
我希望它能像 this 那样工作(对图片感到抱歉 link,但显然我不够聪明,无法正确包含图片)。
此外,如果有更多 Rep 的人可以添加标签 "Primflex" 那就太好了。
进行此更改,它将解决您的问题。只需添加 box-sizing: border-box;
因为可能不是每个人都知道如何处理我标记为已接受的答案,所以我根据@piyush jain 的建议添加了我如何实现修复的描述。
我是这样做的:
- 我创建了一个新的 SCSS 文件“_flexgridfix.scss”
- 我将文件放在 src 文件夹中 同一级别 ,其中“styles.scss " 是
- 然后我将 piyush jains 代码添加到文件中(只有 scss class 名称和值“box-sizing: border-box;”,而不是其他值,不需要)
- 然后我在“styles.scss”中导入新的 scss 文件,如下所示:
@import "flexgridfix.scss";
注意:我必须明确命名新文件并在开头使用下划线“_”,否则 Visual Studio 代码将无法正确解析导入。
效果很好,现在可以正确包装了。
编辑:显然它现在已修复:请参阅 https://github.com/primefaces/primeflex/issues/8#issuecomment-539873278
我正在根据 documentation 使用 Primeflex Flexgrid,但它在 11 行后换行,相反,它应该只在使用 12 行时换行。 有人有解决办法吗? package.json 中的版本:"primeflex":“^1.0.0-rc.1”,
我已将 "node_modules/primeflex/primeflex.css" 包含在我的 angular.json 中,否则它根本不会包装任何东西,所以这不是问题所在。 我怀疑问题出在图书馆的某个地方,但我太新手了,无法找到解决方案(还)并且我自己用 SCSS Class 简单地覆盖它。 我还在 Primflexes Github 上发现了一个现有问题,但另一个用户报告的解决方案解释得不够好,我无法理解它。
查看我的 Stackblitz 问题演示。
我希望它能像 this 那样工作(对图片感到抱歉 link,但显然我不够聪明,无法正确包含图片)。
此外,如果有更多 Rep 的人可以添加标签 "Primflex" 那就太好了。
进行此更改,它将解决您的问题。只需添加 box-sizing: border-box;
因为可能不是每个人都知道如何处理我标记为已接受的答案,所以我根据@piyush jain 的建议添加了我如何实现修复的描述。 我是这样做的:
- 我创建了一个新的 SCSS 文件“_flexgridfix.scss”
- 我将文件放在 src 文件夹中 同一级别 ,其中“styles.scss " 是
- 然后我将 piyush jains 代码添加到文件中(只有 scss class 名称和值“box-sizing: border-box;”,而不是其他值,不需要)
- 然后我在“styles.scss”中导入新的 scss 文件,如下所示: @import "flexgridfix.scss";
注意:我必须明确命名新文件并在开头使用下划线“_”,否则 Visual Studio 代码将无法正确解析导入。 效果很好,现在可以正确包装了。
编辑:显然它现在已修复:请参阅 https://github.com/primefaces/primeflex/issues/8#issuecomment-539873278