[問題] CSS inline-block 排版疑惑 附code
http://codepen.io/anon/pen/jHoGz
以上是我排出來的區塊....請各位幫幫我
我原本是想要排出上面那樣一列為兩大區塊
而每個區塊(以下簡稱 BlockA)為左右兩邊,一邊為圖一邊為文字
但實際弄出來div會一直跳,不太知道到底為什麼會這樣
問題一、為什麼help與文字中間會自動跑出縫隙(約3px),可以左右區塊相連嗎?
需要時我再自己加padding or div
問題二、為什麼右邊文字區塊會向下突出,而不是並排
自行測試的方法
在.test class加上 float:left;上面的問題都會消失.因為都靠左排列了
所以現在自己理解成任何狀況都試著加float:left; 靠左 去解決問題.
問題三、不靠float:left只單純靠display可以排出原本需求的版型嗎?
我試了好久看了很多. 但頭腦轉不太過來 請大家提示我一下,萬分感謝
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 218.210.231.212
※ 編輯: sin282 來自: 218.210.231.212 (02/01 10:20)
推
02/01 10:25, , 1F
02/01 10:25, 1F
→
02/01 10:25, , 2F
02/01 10:25, 2F
→
02/01 10:26, , 3F
02/01 10:26, 3F
→
02/01 10:27, , 4F
02/01 10:27, 4F
→
02/01 10:28, , 5F
02/01 10:28, 5F
→
02/01 10:28, , 6F
02/01 10:28, 6F
→
02/01 10:29, , 7F
02/01 10:29, 7F
→
02/01 10:30, , 8F
02/01 10:30, 8F
→
02/01 10:32, , 9F
02/01 10:32, 9F
→
02/01 10:33, , 10F
02/01 10:33, 10F
→
02/01 10:34, , 11F
02/01 10:34, 11F
推
02/01 10:36, , 12F
02/01 10:36, 12F
→
02/01 10:36, , 13F
02/01 10:36, 13F
推
02/01 10:41, , 14F
02/01 10:41, 14F
→
02/01 10:41, , 15F
02/01 10:41, 15F
→
02/01 10:57, , 16F
02/01 10:57, 16F
→
02/01 10:59, , 17F
02/01 10:59, 17F
→
02/01 11:00, , 18F
02/01 11:00, 18F
→
02/01 11:00, , 19F
02/01 11:00, 19F
→
02/01 11:16, , 20F
02/01 11:16, 20F
→
02/01 11:17, , 21F
02/01 11:17, 21F
推
02/01 11:21, , 22F
02/01 11:21, 22F
→
02/01 11:29, , 23F
02/01 11:29, 23F
→
02/01 11:32, , 24F
02/01 11:32, 24F
→
02/01 11:33, , 25F
02/01 11:33, 25F
→
02/01 11:33, , 26F
02/01 11:33, 26F
推
02/01 11:34, , 27F
02/01 11:34, 27F
→
02/01 11:35, , 28F
02/01 11:35, 28F
→
02/01 11:36, , 29F
02/01 11:36, 29F
→
02/01 11:36, , 30F
02/01 11:36, 30F
推
02/01 11:42, , 31F
02/01 11:42, 31F
→
02/01 11:48, , 32F
02/01 11:48, 32F
→
02/01 11:53, , 33F
02/01 11:53, 33F
→
02/01 11:53, , 34F
02/01 11:53, 34F