ant-design/components/card/demo/no-padding.md

35 lines
606 B
Markdown
Raw Normal View History

2016-03-31 09:40:55 +08:00
---
order: 2
title: 更灵活的内容展示
---
2016-02-20 16:40:18 +08:00
可以调整默认边距,设定宽度。
````jsx
import { Card } from 'antd';
ReactDOM.render(
<Card style={{ width: 240 }} bodyStyle={{ padding: 0 }}>
<div className="custom-image">
<img width="100%" src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png" />
</div>
<div className="custom-card">
<h3>欧美街拍</h3>
<p>www.instagram.com</p>
</div>
</Card>
, mountNode);
````
````css
.custom-image img {
display: block;
}
.custom-card {
padding: 10px 16px;
}
.custom-card p {
color: #999;
}
````