当前位置: 首页 > news >正文

react中list的用户,多个元素横着排列同一行显示

在react中的List在同一行是一个非常常见的需求,通过指定 style={{display:'flex',justifyContent:'space-around'}} 可以实现该需求。

  <List horizontal style={{display:'flex',justifyContent:'space-around'}}>
                        <List.Item>
                            <Image avatar src='/images/avatar/small/daniel.jpg' />
                            <List.Content>
                                <List.Header as='a'>Daniel Louise</List.Header>
                            </List.Content>
                        </List.Item>
                        <List.Item>
                            <Image avatar src='/images/avatar/small/stevie.jpg' />
                            <List.Content>
                                <List.Header as='a'>Stevie Feliciano</List.Header>
                            </List.Content>
                        </List.Item>
                        <List.Item>
                            <Image avatar src='/images/avatar/small/elliot.jpg' />
                            <List.Content>
                                <List.Header as='a'>Elliot Fu</List.Header>
                            </List.Content>
                        </List.Item>
                    </List>

相关文章:

  • mongdb安全机制
  • react比较好用的form表单
  • 通过web3与合约实例solidity交互注意事项
  • truffle框架
  • truffle框架创建合约实例代码
  • truffle中test测试
  • web3.js
  • web3中eth转账函数
  • let definitions are not supported by current javascript
  • 笔记总结
  • json跨域原理及解决方法
  • solidity返回值太多,栈溢出
  • webpack在windows64位环境下使用
  • 利用朴素贝叶斯对名字进行性别预测
  • 机器学习神器:GBDT,XGBOOST
  • Android路由框架AnnoRouter:使用Java接口来定义路由跳转
  • Apache Zeppelin在Apache Trafodion上的可视化
  • CNN 在图像分割中的简史:从 R-CNN 到 Mask R-CNN
  • E-HPC支持多队列管理和自动伸缩
  • Javascript编码规范
  • JS学习笔记——闭包
  • npx命令介绍
  • Python_OOP
  • QQ浏览器x5内核的兼容性问题
  • SpringCloud(第 039 篇)链接Mysql数据库,通过JpaRepository编写数据库访问
  • Spring框架之我见(三)——IOC、AOP
  • spring学习第二天
  • 诡异!React stopPropagation失灵
  • 解析 Webpack中import、require、按需加载的执行过程
  • 前端面试总结(at, md)
  • 如何在GitHub上创建个人博客
  • 如何正确配置 Ubuntu 14.04 服务器?
  • 深度学习入门:10门免费线上课程推荐
  • 深度学习在携程攻略社区的应用
  • 听说你叫Java(二)–Servlet请求
  • ​Base64转换成图片,android studio build乱码,找不到okio.ByteString接腾讯人脸识别
  • ​LeetCode解法汇总2808. 使循环数组所有元素相等的最少秒数
  • #define、const、typedef的差别
  • #我与Java虚拟机的故事#连载09:面试大厂逃不过的JVM
  • (10)Linux冯诺依曼结构操作系统的再次理解
  • (cos^2 X)的定积分,求积分 ∫sin^2(x) dx
  • (C语言)fgets与fputs函数详解
  • (done) ROC曲线 和 AUC值 分别是什么?
  • (JS基础)String 类型
  • (react踩过的坑)Antd Select(设置了labelInValue)在FormItem中initialValue的问题
  • (附源码)小程序儿童艺术培训机构教育管理小程序 毕业设计 201740
  • (官网安装) 基于CentOS 7安装MangoDB和MangoDB Shell
  • (黑马C++)L06 重载与继承
  • (离散数学)逻辑连接词
  • (免费领源码)python#django#mysql公交线路查询系统85021- 计算机毕业设计项目选题推荐
  • (三) prometheus + grafana + alertmanager 配置Redis监控
  • (转)eclipse内存溢出设置 -Xms212m -Xmx804m -XX:PermSize=250M -XX:MaxPermSize=356m
  • .net core webapi Startup 注入ConfigurePrimaryHttpMessageHandler
  • .net core 依赖注入的基本用发
  • .net mvc actionresult 返回字符串_.NET架构师知识普及