样式化 HTML/CSS 以实现给定的效果

acazied1

在一个项目中使用fancyBox3,我想实现以下目标:

这种图像显示

我想知道是否有 CSS 技巧可以实现它,或者是否需要一些数学和计算才能使其完美契合?

贾尼斯

基本上,有两种方法 - 使用 JS(有大量脚本,例如https://github.com/brunjo/rowGrid.jshttps://haltu.github.io/muuri/https://github .com/kombai/freewall , http://miromannino.github.io/Justified-Gallery/ ) 或 CSS。

CSS 的问题是仍然无法创建真正的“砌体风格布局”,但是您可以存档类似的内容,尝试使用 css 搜索“砌体”,您会找到许多关于此主题的文章和示例,例如,这个 - https://medium.com/@andybarefoot/a-masonry-style-layout-using-css-grid-8c663d355ebb

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章