作者hoyunxian (WildDagger)
看板Web_Design
標題[請益] 想做橫向捲動網頁但捲動區塊莫名其妙太長
時間Tue May 9 00:58:24 2023
https://codepen.io/WildDagger/pen/oNaErBJ
如上
我想做類似Windows 8 APP那樣可以橫向滑動的網頁
但現在碰上兩個問題我怎麼想都想不到怎麼解決
1. 雖然我用了column-width，但文字不會自動換欄
欄高不夠的時候也不會自動增加欄數
2. 橫向滑動區塊莫名其妙的長，我只設了5個文字段落看排版
但不知為什麼瀏覽器算出來的橫向滑動區塊長度竟然有30000px以上
我也完全不知道他到底怎麼計算的
試著用過fit-content等參數都沒用
已經想辦法找任何可以解決的方法了
但好像就是沒有任何網站講過可行方法
Stackoverflow那邊也完全沒有可以參考的範例Orz
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.129.185.51 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1683565108.A.41C.html
1F：→ cloki: 先別把一堆flex box跟grid混在一起用... 05/09 22:39
2F：→ cloki: 直接在裡面設高度闊度跟overflow,然後用columns就應該解決 05/09 22:40
最後找到問題似乎是因為把white-space設定成nowrap的樣子……
※ 編輯: hoyunxian (220.129.176.103 臺灣), 05/14/2023 01:15:24