屿风 发表于 2026-8-26 16:23:55

米勒:故人已隔山海,问候止于心底。大图男头

<style>
.attach-col5 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
max-width: 800px;
margin:12px auto;
}
.attach-col5-column {
display: flex;
flex-direction: column;
gap: 12px;
}
.attach-col5 a {
display:block;
border-radius:12px;
overflow:hidden;
}
.attach-col5 img {
width:100%;
height:auto;
display:block;
border-radius:8px;
}
@media(max-width:640px){
.attach-col5{
    gap:4px;
    max-width:100%;
}
.attach-col5-column{gap:8px;}
}
</style>
<div class="attach-col5">
<div class="attach-col5-column" id="colLeft"></div>
<div class="attach-col5-column" id="colRight"></div>
</div>

<script>
// 将所有图片a标签自动奇偶分配到左右两列,顶部同时开始,列内瀑布流堆叠
(function(){
// 把这里替换你的图片HTML字符串,例如 let imgs_html = `<a><img src="1.jpg"></a><a><img src="2.jpg"></a>`
let imgs_html = `
<!-- 《图片位置》把全部a+img粘贴在这里 -->

`;
let tempDiv = document.createElement('div');
tempDiv.innerHTML = imgs_html;
let items = Array.from(tempDiv.children);
let left = document.getElementById('colLeft');
let right = document.getElementById('colRight');
items.forEach((el,idx)=>{
    if(idx % 2 ===0){
      left.appendChild(el);
    }else{
      right.appendChild(el);
    }
})
})();
</script>

屿风 发表于 2026-8-26 16:24:24

<div class="dz_post_attach_wrap">
<style>
.dz_post_attach_wrap .attach-col5 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
max-width: 800px;
margin:12px auto;
}
.dz_post_attach_wrap .attach-col5-column {
display: flex;
flex-direction: column;
gap: 12px;
}
.dz_post_attach_wrap .attach-col5 a {
display:block;
border-radius:12px;
overflow:hidden;
}
.dz_post_attach_wrap .attach-col5 img {
width:100%;
height:auto;
display:block;
border-radius:8px;
}
@media(max-width:640px){
.dz_post_attach_wrap .attach-col5{
    gap:4px;
    max-width:100%;
}
.dz_post_attach_wrap .attach-col5-column{gap:8px;}
}
</style>
<div class="attach-col5">
    <div class="attach-col5-column" data-col="left"></div>
    <div class="attach-col5-column" data-col="right"></div>
</div>

<script>
(function(){
var wrap = document.querySelector('.dz_post_attach_wrap');
if(!wrap) return;
var left = wrap.querySelector('');
var right = wrap.querySelector('');
// =========把所有 <a><img ...></a> 粘贴到下面引号内==========
var imgHtml = `
<!-- 图片位置 全部a+img放这里 -->

`;
var temp = document.createElement('div');
temp.innerHTML = imgHtml;
var items = Array.from(temp.children);
items.forEach(function(el, idx){
    if(idx % 2 === 0){
      left.appendChild(el);
    }else{
      right.appendChild(el);
    }
});
})();
</script>
</div>

屿风 发表于 2026-8-26 16:24:33

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=3372978747&auto=1&height=66"></iframe>

池鹤 发表于 2026-8-26 17:18:53

故人已隔山海,问候止于心底。

真诚 发表于 2026-8-26 17:26:43

种类齐全,满足各种喜好。

青栀如初° 发表于 2026-8-26 17:51:43

留存备用,下次换头像直接来这里。

Clear 发表于 2026-8-26 17:53:07

不用到处找图,太省心啦。

途癌 发表于 2026-8-26 17:53:08

收藏备用,等待更换头像。

Maggie 发表于 2026-8-26 18:10:12

画质清晰,已经全部保存。

玉鱼鱼鱼鱼 发表于 2026-8-26 18:11:03

宝藏帖子,必须支持。
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: 米勒:故人已隔山海,问候止于心底。大图男头