造型 HTML/CSS 达到既定效果
Styling HTML/CSS to Achieve the Given Effect
我在项目中使用 fancyBox3，我想实现以下目标：
我想知道是否有 CSS 技巧可以实现它，或者是否需要一些数学和计算才能使其完美契合？
看看 masonry.js - 它会为您进行所有计算，使您的图像在您调整屏幕大小时进行镶嵌等。
基本上，有两种方法——使用 JS（有大量的脚本，例如 https://github.com/brunjo/rowGrid.js, https://haltu.github.io/muuri/, https://github.com/kombai/freewall, http://miromannino.github.io/Justified-Gallery/）或 CSS。
CSS的问题是仍然无法创建真正的"masonry style layout"，但你可以存档类似的东西，尝试谷歌搜索"masonry using css"，你会发现很多文章以及有关此主题的示例，例如这个 - https://medium.com/@andybarefoot/a-masonry-style-layout-using-css-grid-8c663d355ebb
我在项目中使用 fancyBox3，我想实现以下目标：
我想知道是否有 CSS 技巧可以实现它，或者是否需要一些数学和计算才能使其完美契合？
看看 masonry.js - 它会为您进行所有计算，使您的图像在您调整屏幕大小时进行镶嵌等。
基本上，有两种方法——使用 JS（有大量的脚本，例如 https://github.com/brunjo/rowGrid.js, https://haltu.github.io/muuri/, https://github.com/kombai/freewall, http://miromannino.github.io/Justified-Gallery/）或 CSS。
CSS的问题是仍然无法创建真正的"masonry style layout"，但你可以存档类似的东西，尝试谷歌搜索"masonry using css"，你会发现很多文章以及有关此主题的示例，例如这个 - https://medium.com/@andybarefoot/a-masonry-style-layout-using-css-grid-8c663d355ebb