[問題] React Bootstrap樣式跑掉(已解決)

看板Ajax作者 (WildDagger)時間5年前 (2018/07/24 17:44), 5年前編輯推噓4(403)
留言7則, 6人參與, 5年前最新討論串1/1
最近因為工作的關係要把以前設計過的版面改用React來寫 建置React的環境有多麻煩就不說了 我現在碰到的問題是明明產生出來的HTML與CSS都是一樣的 但是原本的HTML是這樣子 https://i.imgur.com/hjdDzMi.png
改用React產出來後變成這樣 https://i.imgur.com/Qgx0bZV.png
明明是一樣的HTML與CSS,就不知道為什麼在React的環境下按鈕會黏在一起 之前嘗試用Vue的時候也發生了一樣的狀況…… 我真的想問這到底發生了什麼事,實在很詭異 -- posted from my Cortana -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.161.13.103 ※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1532425490.A.751.html

07/24 18:24, 5年前 , 1F
inline block space?
07/24 18:24, 1F

07/24 18:28, 5年前 , 2F
我也是想到 inline block 的問題,看一下這個 https://p
07/24 18:28, 2F

07/24 18:28, 5年前 , 3F
pt.cc/f7LVLx
07/24 18:28, 3F

07/24 18:29, 5年前 , 4F
dom 的階層可能有多或少,用開發者模式確認一下
07/24 18:29, 4F

07/24 20:17, 5年前 , 5F
inline block
07/24 20:17, 5F

07/29 01:09, 5年前 , 6F
doctype?
07/29 01:09, 6F
後來確定應該是inline block space的問題,因為自動產出的DOM不會斷行…… ※ 編輯: hoyunxian (111.251.58.12), 07/31/2018 14:09:55

08/03 12:40, 5年前 , 7F
visual studio也有這種問題XD
08/03 12:40, 7F
文章代碼(AID): #1RLlKITH (Ajax)