[問題] 兩個inline-block之間空隙無法消除

看板Web_Design作者 (赤城我老婆)時間7年前 (2016/08/11 14:57), 編輯推噓3(3推 0噓 5→)
留言8則, 5人參與, 最新討論串1/1
如題 最近剛開始學前端設計，常常遇到這問題，爬文後仍都無法解決 確定margin 設定0px，請問如何解決這個問題! http://imgur.com/a/o0Vt2 -- Sent from my Windows -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 223.140.107.190 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1470898625.A.14E.html
→
08/11 15:05, , 1F
裡面的margin也設0看看
08/11 15:05, 1F
→
08/11 15:15, , 2F
加上 !important 就解決了 謝啦
08/11 15:15, 2F
推
08/12 16:18, , 3F
還是看一下瀏覽器的開發者工具，看是在哪被蓋過去的。
08/12 16:18, 3F
推
08/14 00:05, , 4F
在父元素設定 font-size:0 就解決了
08/14 00:05, 4F
→
08/14 00:05, , 5F
但子元素要記得把 font-size設定回來
08/14 00:05, 5F
推
08/14 00:07, , 6F
另外設定 inline-block 會有4px 的間距，解決方法如上，或
08/14 00:07, 6F
→
08/14 00:07, , 7F
是改用 float
08/14 00:07, 7F
→
08/15 14:37, , 8F
2F的方法私心覺得較佳
08/15 14:37, 8F
‣ 更多 jack1218 的文章
文章代碼(AID): #1Nh2715E (Web_Design)