[請益] 想做橫向捲動網頁但捲動區塊莫名其妙太長

看板Web_Design作者 (WildDagger)時間1年前 (2023/05/09 00:58), 1年前編輯推噓0(002)
留言2則, 1人參與, 1年前最新討論串1/1
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://www.ptt.cc/bbs/Web_Design/M.1683565108.A.41C.html

05/09 22:39, 1年前 , 1F
先別把一堆flex box跟grid混在一起用...
05/09 22:39, 1F

05/09 22:40, 1年前 , 2F
直接在裡面設高度闊度跟overflow,然後用columns就應該解決
05/09 22:40, 2F
最後找到問題似乎是因為把white-space設定成nowrap的樣子…… ※ 編輯: hoyunxian (220.129.176.103 臺灣), 05/14/2023 01:15:24
文章代碼(AID): #1aMIeqGS (Web_Design)
文章代碼(AID): #1aMIeqGS (Web_Design)