蚂蚁设计卡无法正确对齐

Question

我想用卡片创建一个响应式设计。但是，如果卡内的文本大小不相等，则卡会奇怪地包裹起来。我要实现的目标是拥有4行和8列带有图片和文字的卡片。我也尝试使用List，但是如果每张卡中的文本大小不相等，则卡间距也不相等。

Code Pen Link

Answer 1

使用CSS可以快速解决问题：

.ant-card-body{
  min-height: 80px;
  max-height: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
}

Answer 2

您可以用来显示文本：

   <Meta
      title="Card title"
      description="This is the description"
    />