css - 在Angular 7中使用PrimeNG的flexgrid没有任何效果

Question

我想使用 PrimeNG 的 FlexGrid并尝试简单地复制示例:

<div class="p-grid">
    <div class="p-col">1</div>
    <div class="p-col">2</div>
    <div class="p-col">3</div>
</div>

它应该输出彼此相邻的数字1 2 3。遗憾的是它没有，但只是输出:

1
2
3

我能够使用 PrimeNG 的按钮样式。然而，我确保导入了 Get-Started Guide 中提到的 css 文件。 。在我的 app.module.ts 中，它说:

        "styles": [
          "src/styles.css",
          "node_modules/primeicons/primeicons.css",
          "node_modules/primeng/resources/themes/nova-light/theme.css",
          "node_modules/primeng/resources/primeng.min.css"
        ],

所以这些似乎就在那里。我做错了什么？

Answer 1

您需要安装 primeflex 软件包。

npm i primeflex

然后将以下内容添加到 angular.json 文件中的样式数组中。

node_modules/primeflex/primeflex.css

之后事情应该按预期进行。