[問題] 想做出iTunes網頁Screen Shot樣式

看板Web_Design作者 (モウソウ×ボウソウ)時間13年前 (2012/09/03 14:42), 編輯推噓0(006)
留言6則, 3人參與, 最新討論串1/1
隨便抓一頁 http://itunes.apple.com/app/angerofstick2/id408347359?mt=8 簡單的說 就是想做出螢幕預覽那種 裡面圖片自動排一列 只能橫向捲動的div 試過一層跟兩層div 試過max-height 試過display:inline 試過overflow-x:scroll 不過內容還是會依照寬度換行 請問要怎麼組合才能達到效果? <div class="wrapper"> <div class="inner"> <img src=""> ... </div> </div> -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 61.64.172.38

09/03 14:56, , 1F
.inner的width設為全部元素的寬度,display:block
09/03 14:56, 1F

09/03 14:57, , 2F
.wrapper的width設為視覺需要的寬度
09/03 14:57, 2F

09/03 15:03, , 3F
但是,inner的內容數量不確定
09/03 15:03, 3F

09/03 15:03, , 4F
可能會使用jquery作append,有辦法自動擴張嗎?
09/03 15:03, 4F

09/03 15:25, , 5F
數量和各個元素的寬度是算得出來的....
09/03 15:25, 5F
解決了 <div class="inner"> <img src=""> ... </div> 一層就夠 然後css overflow-x:scroll; white-space: nowrap; 加入這行就搞定... ※ 編輯: KawasumiMai 來自: 61.64.172.38 (09/03 15:52)

09/03 22:20, , 6F
竟然是西洽的小舞
09/03 22:20, 6F
文章代碼(AID): #1GH54uD7 (Web_Design)
文章代碼(AID): #1GH54uD7 (Web_Design)