[爆卦]html div並排置中是什麼?優點缺點精華區懶人包

為什麼這篇html div並排置中鄉民發文收入到精華區:因為在html div並排置中這個討論話題中,有許多相關的文章在討論,這篇最有參考價值!作者mwiei (makashii)看板Web_Design標題[問題] 多個div 並排並置中時間...



並排的部分我知道可以用 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
ImNoa: 再用一個div包住option寬度設80%然後margin0 auto 07/27 19:17
ImNoa: 不過這方法好像有點笨XD 07/27 19:18
我試試
akccakcctw: 不考慮老舊瀏覽器可以用display:flex排版,很簡潔 07/27 20:00
這沒用過 試試看@@
m452: 外面div設padding? 07/28 05:12
因為寬度會變動 設padding效果不太好
Kenqr: option不能放在div裡 07/28 10:54
其實還是有用form來包 剛學前端不久QQ
ImNoa: 如果用padding會怕寬度變動,可以使用box-sizing:borderbox 07/28 13:02
感謝 這個我會試試
ImNoa: 來解決,不過基本的盒模型最好還是要知道怎麼計算會比較好 07/28 13:03
Qiqi: 愛用flex,摒棄舊版瀏覽器 07/28 20:42
用過覺得不錯 0.0 超方便!
※ 編輯: mwiei (1.161.142.88), 07/31/2016 23:29:14
kawaii98: inline-block也可以 08/03 18:57

你可能也想看看

搜尋相關網站