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