block 按钮

来源:5-2 Button按钮使用讲解(2)

倚松听花语

2018-08-08

老师,我试了下antd的block按钮,结果没有正确显示出来。

请帮我看下是不是哪里写错了。


【这是我写的代码】

<Card title="block按钮" className="card-wrap">
<div>
<Button type="primary" block>Primary</Button>
<Button block>Default</Button>
<Button type="dashed" block>Dashed</Button>
<Button type="danger" block>danger</Button>
</div>
</Card>


补充:即使像这样给父容器设置宽高也是没有效果的

<Card title="block按钮" className="card-wrap">
<div style={{width:400,height:200}}>
<Button type="primary" block>Primary</Button>
<Button block>Default</Button>
<Button type="dashed" block>Dashed</Button>
<Button type="danger" block>danger</Button>
</div>
</Card>

【这是显示结果】

http://img.mukewang.com/szimg/5b6a7ad0000162b916180179.jpg


【这是antd官网的例子】

http://img.mukewang.com/szimg/5b6a7af500013cb306010824.jpg

写回答

1回答

河畔一角

2018-08-09

我这边也没有生效,您可以换一种方式来实现,设置style={{width:'100%'}}

0
1
倚松听花语
非常感谢!
2018-08-11
共1条回复

React全家桶+AntD共享单车后台管理系统开发

React全家桶+AntD框架+大量前沿技术

1142 学习 · 494 问题

查看课程