css - 如何去除卡片中的填充和设计？

Question

我正在使用 Ant 设计来响应 UI 组件。我需要删除为 Ant 设计卡提供的填充。



因此，我需要删除为 .ant-card-wider-padding 和 .ant-card-body 类提供的填充。我使用 JSS 来设置 UI 组件的样式。

cardStyle: {
    marginTop: '30px',
    boxShadow: '0px 1px 10px rgba(0,1,1,0.15)',
    backgroundColor: '#ffffff',
    borderStyle: 'solid',
    outline: 'none',
    width: '100%',
  },

我正在使用 cardStyle 类来设计 Ant 设计卡的样式。现在我需要删除该卡中的填充。

Answer 1

来自 Ant Design 的文档

您需要覆盖 bodyStyle 中的样式不是 cardStyle

bodyStyle: Inline style to apply to the card content

<Card title="Card title" bodyStyle={{padding: "0"}}>Card content</Card>