[問題] 如何處理掉邊線

作者oToToT (よしの)

看板Web_Design

標題[問題] 如何處理掉邊線

時間Fri May 16 23:44:28 2014

本魯想做一個棋盤狀的東西，所以用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

推 Ayukawayen:橫的是因為span間有空白和換行直的是外層div高度問題 05/17 00:14

→ oToToT:那有辦法讓他消失嗎 05/17 11:01

推 miau:用 inline-block 一定會有空隙：http://ppt.cc/LrBk 05/17 14:05

→ miau:建議用float搭配display: block http://jsfiddle.net/kt8zE/5 05/17 14:05

謝謝miau大的說明及code ※ 編輯: oToToT (123.193.74.170), 05/17/2014 15:11:40

推 aspdoctor:inline-block縫隙可以設定負的letter-spacing來解決 05/22 22:16