[問題] 多個div 並排並置中 / 多個option 置中

看板Web_Design作者 (makashii)時間9年前 (2016/07/27 17:25), 9年前編輯推噓4(405)
留言9則, 6人參與, 最新討論串1/1
並排的部分我知道可以用 float: left/right 做 但是想做的效果是 [ OOOOOOOOO ] 想問這樣該如何做? (水平和垂直都要) 還有多個 option 垂直排列置中(水平和垂直都要) <div> <option> <option> <option> <option> <option> </div> 這樣又該如何做呢? -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.163.78.199 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1469611555.A.A75.html ※ 編輯: mwiei (118.163.78.199), 07/27/2016 17:27:28

07/27 19:17, , 1F
再用一個div包住option寬度設80%然後margin0 auto
07/27 19:17, 1F

07/27 19:18, , 2F
不過這方法好像有點笨XD
07/27 19:18, 2F
我試試

07/27 20:00, , 3F
不考慮老舊瀏覽器可以用display:flex排版,很簡潔
07/27 20:00, 3F
這沒用過 試試看@@

07/28 05:12, , 4F
外面div設padding?
07/28 05:12, 4F
因為寬度會變動 設padding效果不太好

07/28 10:54, , 5F
option不能放在div裡
07/28 10:54, 5F
其實還是有用form來包 剛學前端不久QQ

07/28 13:02, , 6F
如果用padding會怕寬度變動,可以使用box-sizing:borderbox
07/28 13:02, 6F
感謝 這個我會試試

07/28 13:03, , 7F
來解決,不過基本的盒模型最好還是要知道怎麼計算會比較好
07/28 13:03, 7F

07/28 20:42, , 8F
愛用flex,摒棄舊版瀏覽器
07/28 20:42, 8F
用過覺得不錯 0.0 超方便! ※ 編輯: mwiei (1.161.142.88), 07/31/2016 23:29:14

08/03 18:57, , 9F
inline-block也可以
08/03 18:57, 9F
文章代碼(AID): #1Nc7uZfr (Web_Design)
文章代碼(AID): #1Nc7uZfr (Web_Design)