[问题] 多个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