75行代码 完美实现图片完整展示 flex 横向瀑布流布局
布局特点
代码简单
图片完整展示,不会被裁切
以图片异步加载完毕的顺序渲染图片,防止页面闪动
最后一行图片过少时,图片不会被放大得很大
在线预览 https://haolang.github.io/web/demo/500px/
效果如下
代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
原创
2020-11-20 12:19:40 ·
2418 阅读 ·
1 评论