三列分布图代码
**** Hidden Message ***** <style>.attach-col5 {
column-count:3;
column-gap:8px;
max-width:900px;
margin:12px auto;
}
.attach-col5 a {
display:block;
border-radius:12px;
overflow:hidden;
}
.attach-col5 img {
width:99%;
height:auto;
display:block;
margin-bottom:12px;
break-inside:avoid;
border-radius:8px;
transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
/* hover图片上浮 */
.attach-col5 img:hover {
transform: translateY(-6px) !important;
box-shadow: 0 8px 16px rgba(0,0,0,0.18) !important;
}
@media(max-width:1000px){.attach-col5{column-count:3;}}
@media(max-width:640px){
.attach-col5{column-count:2;column-gap:4px;max-width:100%;}
.attach-col5 img{width:100%;}
}
</style>
<div class="attach-col5">
<图片位置-适合21张>
</div>
页:
[1]