[問題] Input的Margin

看板Web_Design作者 (西門貓)時間13年前 (2012/11/05 22:57), 編輯推噓4(4011)
留言15則, 5人參與, 最新討論串1/1
http://jsfiddle.net/EAU8y/1/ 我目前實作一個功能是 按一個按鈕 就會在ul底下新增一排li 然後li裡面有一些input type="text" 可是遇到一個奇怪的問題, 就是原本就在頁面上,li裡面的input跟我用JS新增出來的input margin是不一樣的, 我原本是沒有設定margin的,只是怕大家看不出來,於是就設定了, 差異比較明顯,想請問一下這是什麼問題? -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 122.117.68.116

11/05 22:59, , 1F
因為你 append 到 li 外面了
11/05 22:59, 1F

11/05 22:59, , 2F
咦,看錯了,當我沒說XD
11/05 22:59, 2F

11/05 23:01, , 3F
應該是你最初的 input 之間有空格,之後 append 的沒有
11/05 23:01, 3F

11/05 23:03, , 4F
真的耶,感謝~
11/05 23:03, 4F

11/05 23:03, , 5F
想不到縮排需然有影響,難道我就只能擠在同一行嗎QQ
11/05 23:03, 5F

11/05 23:09, , 6F
把>移到第二行開頭就好了 或是加上註解<!-- 第二行在結束
11/05 23:09, 6F

11/05 23:11, , 7F
不然就是將錯就錯 用js寫入的html也加上空格
11/05 23:11, 7F

11/05 23:14, , 8F
11/05 23:14, 8F

11/05 23:18, , 9F
我之前的解法是用css設定float:left
11/05 23:18, 9F

11/05 23:25, , 10F
感謝大大的解法~受益無窮阿~
11/05 23:25, 10F

11/05 23:34, , 11F
其實是因為input的display是inline-block ...
11/05 23:34, 11F

11/05 23:43, , 12F
可 剛設過inline也不動~ ..╮(﹋﹏﹌)╭..
11/05 23:43, 12F

11/05 23:53, , 13F
當然不會動啊,你應該要試 block 然後 float
11/05 23:53, 13F

11/05 23:54, , 14F
11/05 23:54, 14F

11/06 00:29, , 15F
thX~
11/06 00:29, 15F
文章代碼(AID): #1GbzE_0_ (Web_Design)
文章代碼(AID): #1GbzE_0_ (Web_Design)