如何在反应语义ui中安排不同大小的卡片

Question

我必须调整不同高度的卡片，如同在pinterest中一样。我没有在反应语义中找到任何解决方案。请告诉我解决方案。

Answer 1

如果您想不费吹灰之力解决此问题，可以尝试 gestalt -一种遵循Pinterest设计语言的React UI库。

使用此存储库的原因可能是，您需要对齐具有不同高度的各种卡。

  

该库具有一个version: '3.3' services: db: image: mysql:5.7 volumes: - db_data:/var/lib/mysql restart: always environment: MYSQL_ROOT_PASSWORD: somewordpress MYSQL_DATABASE: wordpress MYSQL_USER: wordpress MYSQL_PASSWORD: wordpress wordpress: depends_on: - db image: wordpress:latest volumes: - ./plugins/my-plugin:/var/www/html/wp-content/plugins/my-plugin - ./themes/my-theme:/var/www/html/wp-content/themes/my-theme ports: - "8000:80" restart: always environment: WORDPRESS_DB_HOST: db:3306 WORDPRESS_DB_USER: wordpress WORDPRESS_DB_PASSWORD: wordpres volumes: db_data: {} 组件，用于完全解决您所面临的问题。

使用该组件，我能够正确对齐不同尺寸的图像，例如-

上面的源代码位于here。