问题标签 [mat-card]

我使用 Angular Material（均为 10.0.1 版本）创建了一个 Angular 项目。在开发模式下一切正常，但在生产模式下我看不到我的垫卡。但是，我可以点击它们，所以它们实际上就在那里。当我单击它们时，它们会做他们必须做的事情，因此该功能也可以正常工作。

它应该是什么样子：

它的实际外观：

这是我创建的.component.html：

这里是我的 homepage.component.html：

你知道什么会影响这种行为吗？你还需要知道什么来帮助我吗？

让我知道。谢谢！

PS：我在生产模式下也收到此冲突消息： 冲突：多个资产向相同的文件名 3rdpartylicenses.txt 发出不同的内容

已解决：实际上我的 mat-card 具有“不透明度：90%”，但在生产模式下它已更改为“不透明度：1%”。

我想为我的布局使用 Bootstrap 网格系统。我想为我的卡片分配页面左侧，为其他东西分配右侧，但我看到的是它占用了我的卡片的整个宽度：

对于我的卡，我有以下 css：

我有大约 100 张卡片占据整个页面，在页面底部我看到右侧。我究竟做错了什么？

Angular mat-card-image 在 ios 设备中不起作用。ios 浏览器上的垫卡内未显示图像。我该如何解决这个问题？

我必须在一行中显示 3 张卡片，horizontally使用*ngFor但它正在显示vertically。这是我的代码mat-card。

使用此代码将显示所有 3 张卡片，vertically但我需要带上它们horizontally 。如果有人能提出我需要做的改变，我将不胜感激。这是我在显示时遇到的问题的屏幕截图，即所有卡片都以垂直方式显示

我目前正在制作一个网页，并且我也在为 Angular Material Card 大小和 Angular Material Carousel 大小而苦苦挣扎。

我尝试为这两个元素添加许多不同的属性，但这里似乎没有任何作用。

该卡目前看起来像这样。

看起来很可怕。我希望卡片更小，轮播也更小，并且图像适合轮播，至于现在，图像显示为裁剪，因为一半以上的图片看不到。

任何想法如何解决这一问题？

代码如下：

感谢您的时间，任何帮助表示赞赏。

我是前端开发和学习和实践 CSS 的新手。如附图所示，我正在使用垫卡

我的代码如下

如果我们看到 Header 在所有三个边上都留有空格。我想用红色覆盖整个标题而不离开这些边。我怎样才能做到这一点？

在我的项目中，我有 mat-table 和 mat-card。我将通过单击按钮来导航它。而且我想在同一个组件中实现按名称搜索和按部门过滤。

使用此代码，我能够实现表的搜索和过滤，但不能实现 mat-card。请帮帮我。

我使用 angular 7，我使用 mat-card 和 flex 布局。

我想仅在一行中并排放置，三张卡片将在页面中居中（这意味着三张卡片的位置将在中间）

像这样 ：

我使用这段代码：

.html

.ts

.css

但根据此代码，卡片是垂直的，而不是在同一行。每张卡片都有 100% 的页面大小。

有人可以通过修改 flex 布局的代码来帮助我做到这一点

我必须显示一个 json 文件的内容。内容包含html标签。真正的代码有点复杂，但类似于这个例子（所以不能使用内部 html 等）

https://stackblitz.com/edit/angular-4iwdag-1nm3tc?file=src/app/card-fancy-example.html

我想要格式化显示。可能吗？

我有这个特定的设计要求，我使用 MatCardComponent 并且在每张卡里面都有桌子。现在我想像在 MatFormField 中一样添加浮动在边框间隙中的标签。

如上图，但不是输入，而是 MatCard 并在其表内。

有什么办法可以达到这个结果？请帮我。谢谢