Re: [問題] instagram的layout&google?

看板Browsers (瀏覽器)作者art1 (人，原來不是人)時間3年前 (2020/10/22 00:45)推噓0(0推 0噓 2→)

留言2則, 1人參與討論串2/2 (看更多)

※ 引述《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://www.ptt.cc/bbs/Browsers/M.1603298746.A.38A.html