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