[問題] 多個div 並排並置中 / 多個option 置中 mwiei PTT批踢踢實業坊

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

作者: mwiei (makashii) 2016-07-27 17:25:47

並排的部分我知道可以用 float: left/right 做
但是想做的效果是
[ OOOOOOOOO ]
想問這樣該如何做?
(水平和垂直都要)
還有多個 option 垂直排列置中(水平和垂直都要)
<div>
<option>
<option>
<option>
<option>
<option>
</div>
這樣又該如何做呢?

作者: ImNoa (Noa) 2016-07-27 19:17:00

再用一個div包住option寬度設80%然後margin0 auto不過這方法好像有點笨XD

作者: akccakcctw (947) 2016-07-27 20:00:00

不考慮老舊瀏覽器可以用display:flex排版，很簡潔

作者: m452 (泰德) 2016-07-28 05:12:00

外面div設padding?

作者: Kenqr (function(){})() 2016-07-28 10:54:00

option不能放在div裡

作者: ImNoa (Noa) 2016-07-28 13:02:00

如果用padding會怕寬度變動，可以使用box-sizing:borderbox來解決，不過基本的盒模型最好還是要知道怎麼計算會比較好

作者: Qiqi (潑潑) 2016-07-28 20:42:00

愛用flex，摒棄舊版瀏覽器

作者: kawaii98 (kawaii98) 2016-08-03 18:57:00

inline-block也可以

繼續閱讀

[請益] 這個網站的效果asleepme [問題] css 書籤應用hao216 [問題] 如何讓select選完不重新reloadlovelyzon [問題] 背景圖片有Slider效果daniel54088 [問題] wordpress網站用網域名稱後無法顯示andrew0312 [問題] Wordpress Menu 新手請益 FANG0100 [分享] 我做了一份自學寫網頁的教材poopoo888888 nav和div重疊不知道該怎怎樣分開hellobuffet [問題] css修改後模擬時不會更新firingmoon [問題] 用ajax讀取PHP裡的資料出現問題yenpaul