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>
【这是显示结果】
【这是antd官网的例子】
写回答
1回答
-
我这边也没有生效,您可以换一种方式来实现,设置style={{width:'100%'}}
012018-08-11
相似问题