react图片间距怎么调

Question

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}张图片`
                                            }
                                        }
                                    }
                                }} />
 

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

Answer 1

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

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