使样式网页与地图功能

Question

有人可以告诉我如何在一行中的每个文件夹下放置尽可能多的文件夹（图标）和文本。 此时，每行显示一个文件夹和文本。我希望能够在同一行显示5个文件夹。 感谢。

render() {
    return (<div>
        {this.state.Folder.map((item, index) => {
            return (<div >
                <FontAwesome name={"fas fa-folder fa-3x"} />
                <h2> {item.FolderName}</h2>
            </div>
            );
        })}
    </div>)

Answer 1

在包装器div中，您可以将样式/类添加到显示网格，然后将列号设置为5。

以下是该课程的一个示例：

long_ave

有关MDN here的更多详情。