Re: [问题] instagram的layout&google?

楼主: art1 (人,原来不是人)   2020-10-22 00:45:43
※ 引述《vernc (cralvin)》之铭言:
: 想把ig每行三张改成五张
: 先找user script
: 找到个Instagram Grid Updated [DISCONTINUED]
: 好像过期了没用……
: 请问现在有什么能用的?
可以靠着自订 css 达成
ig 把三张图片放成一组用横向排列,之后把三张一组的图片使用直向排列
1. 要想改成每行(横向)五张,就是把三张图片的父容器(称为每一组图片)从横向排
列改成直向排列
2. 再把每一组图片的父容器从直向排列改成横向排列
3. 再把每一组图片设定宽度为 19%
就会变成每一行显示五组,因为宽度加起来就变成 19% * 5 = 95%
4. 之后设定每一组图片的父容器为需要换行,这样修改完之后就能每行五张图片
1. 也就是把 .Nnq7C 的 flex-direction 从 row 改成 column
2. 也就是把 article > div > div 的 flex-direction 从 column 改成 row
3. 也就是把 .Nnq7C 的 width 设成 19%
4. 也就是把 article > div > div 的 flex-wrap 设成 wrap
针对 instagram.com 这个网域的 css 自订档案大概长这样就能达成每行五张
若想更多张就调整 width 的比例就好
article > div > div {
flex-direction:row!important;
flex-wrap:wrap
}
.Nnq7C {
flex-direction:column;
width:19%;
}
楼主: art1 (人,原来不是人)   2020-10-22 00:47:00
至于每张图片都黏在一起,就请自行调整留白或边宽说错,边距才对

Links booklink

Contact Us: admin [ a t ] ucptt.com