关于使用firefox中的masonry制作图片瀑布流效果

VIP文章 nucleako

已于 2022-12-05 17:09:08 修改

阅读量128

点赞数 1

分类专栏： 22_12 文章标签： firefox javascript css

于 2022-12-05 16:25:24 首次发布

本文链接：https://blog.csdn.net/m0_71831301/article/details/128188824

版权

关于使用firefox中的masonry制作图片瀑布流效果

无JS代码纯CSS效果

<!-- 仅供firefox使用的瀑布流图片布局新属性 -->
<!-- 要使用必须先在about:config中更改grid-template-masonry-value -->
<!-- 使用 砖块布局
        grid-template-rows: masonry;
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Masonry</title>
</head>
<body>
    <div id="container">
        <img  class="img1" src="" alt="">
        <img  class="img2"