使用ant design 的 Upload 组件遇到的排版问题

今天仍旧奋力学习react+antd构建后台管理系统(学习改变命运)。
在使用antd的Upload组件时,使用官网的案例遇到了排版的问题。

文档传送门: https://ant.design/components/upload-cn/

照片墙组件
当我使用这个组件时遇到了上传框无法跟在图片列的后边
之后发现是外层元素宽度问题。解决办法:
.ant-upload-picture-card-wrapper{
   width: 100%;
}
解决!开心 又能往下继续学习了
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 前段时间在做自己的开源react-native项目中使用到了蚂蚁金服的开源组件库:Ant Design Mo...
    光强_上海阅读 18,059评论 0 13
  • 一、引言 由于工作的关系对于 React 并没有过度的深入,因此对 Ant Design 并无太多了解。当然也是因...
    cipchk阅读 8,623评论 0 10
  • 正如Ant Design 官方介绍: "在中台产品的研发过程中,会出现不同的设计规范和实现方式,但其中往往存在很多...
    sunnyghx阅读 9,659评论 1 2
  • 距离 Pro 的上个版本发布已经过去了 9个多月,Pro 也进行了许多的迭代,但是大部分更新仍然以修复 bug 为...
    何蒙其实很好阅读 16,263评论 0 0
  • 持续更新中...... 一套企业级的 UI 设计语言和 React 实现。 https://mobile.ant....
    日不落000阅读 11,129评论 0 35