大图瀑布流代码
<style>.attach-waterfall-card {
background:#ffffff;
border-radius:12px;
box-shadow: 0 4px 18px rgba(0,0,0,0.11);
padding:16px;
margin:12px auto;
max-width:800px;
}
.attach-col2 {
column-count: 2;
column-gap:12px;
}
.attach-col2 img {
width:100%;
height:auto;
border-radius:8px;
display:block;
margin-bottom:12px;
break-inside:avoid;
}
@media(max-width:640px){
.attach-col2 {
column-count:1;
}
.attach-waterfall-card{
max-width:100%;
}
}
</style>
<div class="attach-waterfall-card">
<div class="attach-col2">
</div>
</div>
<style>
.attach-waterfall-card {
background:#ffffff;
border-radius:12px;
box-shadow: 0 4px 18px rgba(0,0,0,0.11);
padding:16px;
margin:12px auto;
max-width:800px;
}
.attach-col2 {
column-count: 2;
column-gap:12px;
}
.attach-col2 img {
width:100%;
height:auto;
border-radius:8px;
display:block;
margin-bottom:12px;
break-inside:avoid;
}
@media(max-width:640px){
.attach-col2 {
column-count:1;
}
.attach-waterfall-card{
max-width:100%;
}
}
</style>
<div class="attach-waterfall-card">
<div class="attach-col2">
<图片>
页:
[1]