react图片间距怎么调

react+antd的项目中，表格中图片间距怎么调

                                <Table.Column title='协议扫描件' align='center' dataIndex='slacProtocolPic' render={text => {
                                    if (typeof text === 'string') {
                                        const res = text.split(';');
                                        console.log(res)
                                        if (Array.isArray(res)) {
                                            if (status === 'see') {
                                                return res.map((item) => {
                                                    return (
                                                        <Image key={item} src={imageURL + item} height={100} marginRight={8} padding-left={8} alt='暂无图片' />
                                                    )
                                                })
                                            } else {
                                                return `${res.length}张图片`
                                            }
                                        }
                                    }
                                }} />
 

就是设计表格间距，让图片中间有空格

给 Image 设置 margin 或者 在用 div 包裹 image 给div设置样式 。

Image style={{marginRight:8}} 或者 给类名

导入样式设置图片容器的margin

不过建议column添加特殊样式，针对这个td下的Image来设置，要不会影响所有的图片

<Table.Column className="myImg"


.myImg .ant-image{margin-right:20px}

有帮助或启发麻烦点下【采纳该答案】，谢谢~~有其他问题可以继续交流~

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632