大图瀑布流代码

屿风

屿风

1. <style>
   
2. .attach-waterfall-card {
   
3.   background:#ffffff;
   
4.   border-radius:12px;
   
5.   box-shadow: 0 4px 18px rgba(0,0,0,0.11);
   
6.   padding:16px;
   
7.   margin:12px auto;
   
8.   max-width:800px;
   
9. }
   
10. .attach-col2 {
    
11.   column-count: 2;
    
12.   column-gap:12px;
    
13. }
    
14. .attach-col2 img {
    
15.   width:100%;
    
16.   height:auto;
    
17.   border-radius:8px;
    
18.   display:block;
    
19.   margin-bottom:12px;
    
20.   break-inside:avoid;
    
21. }
    
22. @media(max-width:640px){
    
23.   .attach-col2 {
    
24.     column-count:1;
    
25.   }
    
26.   .attach-waterfall-card{
    
27.     max-width:100%;
    
28.   }
    
29. }
    
30. </style>
    
31. 
    
32. <div class="attach-waterfall-card">
    
33. <div class="attach-col2">
    
34. 
    
35. <图片>

复制代码