作者art1 (人,原来不是人)
看板Browsers
标题Re: [问题] instagram的layout&google?
时间Thu Oct 22 00:45:43 2020
※ 引述《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%;
}
--
「看在上帝的份上,我们不能当着孩子的面枪杀他的父亲!」
「那我们就连孩子一起干掉!」
「第一枪打中的是那个天真的孩子,第二枪是抱着孩子的母亲。第三枪
停顿了三秒,当难以致信的父亲擦拭着脸上爱子的脑浆从震惊中醒转
过来,慢慢的转头看向停车的地方,分辨出是谁在攻击他後,第三颗
子弹才将他的脑壳打飞。」 ─摘自〈狼群〉
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 218.173.41.108 (台湾)
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Browsers/M.1603298746.A.38A.html
1F:→ art1: 至於每张图片都黏在一起,就请自行调整留白或边宽 10/22 00:47
2F:→ art1: 说错,边距才对 10/22 00:54