[問題] 如何處理掉邊線

看板Web_Design作者 (よしの)時間11年前 (2014/05/16 23:44), 11年前編輯推噓3(3推 0噓 2→)
留言5則, 4人參與, 最新討論串1/1
本魯想做一個棋盤狀的東西，所以用div跟span做了一塊一塊的色塊，但border,padding border都設定為0px了，卻還是會出現ㄧ定的框，不知哪裡還需要設定。 本魯code:http://jsfiddle.net/kt8zE/ (若有任何違反板規之處，敬請提點) -- ｜ ｜ ｜￣｜ ︱￣ — ︱￣￣ ｜ ｜ ∕﹨ ｜ ｜＼｜ ∣ ｜ — ｜ ｜ ￣︳ ｜＼｜ ∕—﹨ ｜ ｜ ｜ ｜╴｜ ╴︳ — ——︳ ｜ ｜ ∕ ﹨ ｜__ █ █ █ -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 123.193.74.170 ※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1400255075.A.9D7.html
推
05/17 00:14, , 1F
橫的是因為span間有空白和換行 直的是外層div高度問題
05/17 00:14, 1F
→
05/17 11:01, , 2F
那有辦法讓他消失嗎
05/17 11:01, 2F
推
05/17 14:05, , 3F
用 inline-block 一定會有空隙：http://ppt.cc/LrBk
05/17 14:05, 3F
→
05/17 14:05, , 4F
建議用float搭配display: block http://jsfiddle.net/kt8zE/5
05/17 14:05, 4F
謝謝miau大的說明及code ※ 編輯: oToToT (123.193.74.170), 05/17/2014 15:11:40
推
05/22 22:16, , 5F
inline-block縫隙可以設定負的letter-spacing來解決
05/22 22:16, 5F
‣ 更多 oToToT 的文章
文章代碼(AID): #1JTZ9ZdN (Web_Design)