[問題] DIV的框線重疊

看板Web_Design作者 (未來)時間15年前 (2010/11/20 03:34), 編輯推噓3(3推 0噓 10→)
留言13則, 3人參與, 最新討論串1/1
前輩好 小弟遇到一個問題 <div style='border:1px solid black; float:left'>abc</div> <div style='border:1px solid black; float:left'>def</div> <div style='border:1px solid black; float:left'>ghi</div> 有三個div緊密並排 但是框線卻沒辦法像table下border-collapse:collapse;一樣重疊 變成中間重疊的兩條線為2px 最左跟最右的線為1px 請問這問題要怎麼處理呢 找了好久的方法找不到 網路上大部分的方法都是針對table框線重疊 很少有針對div框線重疊的問題 麻煩前輩指點了 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 111.249.131.4
推
11/20 09:40, , 1F
border理論上是分開的吧 要重疊效果的話可試試負值margin
11/20 09:40, 1F
→
11/20 09:40, , 2F
11/20 09:40, 2F
→
11/20 10:40, , 3F
謝謝 這就是我要找的方法
11/20 10:40, 3F
→
11/20 10:40, , 4F
另外想請問 當display:inline-block;的時候
11/20 10:40, 4F
→
11/20 10:41, , 5F
不知道為什麼瀏覽器會自動加上間距，不會緊貼在一起
11/20 10:41, 5F
→
11/20 10:41, , 6F
明明已經padding:0px;margin:0px; 可是div中間還是會有
11/20 10:41, 6F
→
11/20 10:41, , 7F
空格, 所以我只好用float:left來處理
11/20 10:41, 7F
→
11/20 10:42, , 8F
但如果可以 還是想盡量避免使用float:left
11/20 10:42, 8F
推
11/20 10:56, , 9F
有可能是標籤之間有空白或換行?
11/20 10:56, 9F
推
11/20 16:50, , 10F
樓上說得沒錯 這算是display:inline一個小小的麻煩
11/20 16:50, 10F
→
11/20 16:51, , 11F
解法可以把換行或空白消去 或是技巧性地加入<!-- -->
11/20 16:51, 11F
→
11/20 16:51, , 12F
11/20 16:51, 12F
→
11/20 16:53, , 13F
ps: 這問題其實在本板算OP了～ 可以搜尋"水平" :p
11/20 16:53, 13F
‣ 更多 Futurend 的文章
文章代碼(AID): #1Cvj547K (Web_Design)