作者oToToT (屁孩)
看板Web_Design
標題[問題] 圖片不自動換行
時間Wed Jul 1 23:40:49 2015
小弟想要讓兩張圖片假設width都是200px時,而它的父標籤也是200px時,圖片不會自動
換到下一行,找了很多不自動換行的,有<nobr>,display:inline,white-space:nowrap;
都沒用,不知有沒有人可以教教本魯了
怕說的不清楚:
http://jsbin.com/sozico/1/edit?html,css,output
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 180.177.96.141
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1435765256.A.C35.html
1F:→ eggimage: overflow-x: auto; 07/01 23:51
2F:→ eggimage: white-space: nowrap; 加上去就可以了啊 07/01 23:54
3F:→ eggimage: 你是符號用錯了吧 漏了;之類的 07/01 23:54
4F:推 iamnodoubt: 剛剛試..white-space:nowrap可以work阿,你加overflow 07/01 23:56
5F:→ iamnodoubt: 就會出現bar 07/01 23:56
喔喔,原來是我耍蠢了,我把white-space設在圖片那,不是它的父標籤ww
7F:→ mmis1000: 是想做這種效果? 07/02 02:17
阿~其實不是
8F:→ jacksonxu: 你是不是想做成slider? 07/02 11:24
我是想要像這樣
http://www.simpleviewer.net/autoviewer/app/ 但不用那些控制項,也
不要用Flash,以及自動滑動,不知有沒有人知道呢
9F:→ jacksonxu: 那就簡單多了lol 07/03 09:17
我剛用了Wallop Slider可是怎麼好像沒有效果...
http://jsbin.com/nohuwo/edit?html,output
※ 編輯: oToToT (180.177.96.141), 07/03/2015 21:01:35