mdui实现一个瀑布流布局效果代码

代码语言:html

所属分类:瀑布流

代码描述:mdui实现一个瀑布流布局效果代码

代码标签: 瀑布 布局 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">


    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/mdui.min.css">

    <style>
        main{
          columns: auto 300px;
          margin: 10px;
        }
        main>div{
          break-inside: avoid; /*avoid splitting.*/
        }
        main>div+div{
          margin-top: 10px;
        }
    </style>



</head>

<body>
    <main></main>

  .........完整代码请登录后点击上方下载按钮下载查看

网友评论0