作者mwiei (makashii)
看板Web_Design
标题[问题] 多个div 并排并置中
时间Wed Jul 27 17:25:47 2016
并排的部分我知道可以用 float: left/right 做
但是想做的效果是
[ OOOOOOOOO ]
想问这样该如何做?
(水平和垂直都要)
还有多个 option 垂直排列置中(水平和垂直都要)
<div>
<option>
<option>
<option>
<option>
<option>
</div>
这样又该如何做呢?
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 118.163.78.199
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1469611555.A.A75.html
※ 编辑: mwiei (118.163.78.199), 07/27/2016 17:27:28
1F：推 ImNoa: 再用一个div包住option宽度设80%然後margin0 auto 07/27 19:17
2F：→ ImNoa: 不过这方法好像有点笨XD 07/27 19:18
我试试
3F：→ akccakcctw: 不考虑老旧浏览器可以用display:flex排版，很简洁 07/27 20:00
这没用过 试试看@@
4F：→ m452: 外面div设padding? 07/28 05:12
因为宽度会变动 设padding效果不太好
5F：→ Kenqr: option不能放在div里 07/28 10:54
其实还是有用form来包 刚学前端不久QQ
6F：推 ImNoa: 如果用padding会怕宽度变动，可以使用box-sizing:borderbox 07/28 13:02
感谢 这个我会试试
7F：→ ImNoa: 来解决，不过基本的盒模型最好还是要知道怎麽计算会比较好 07/28 13:03
8F：推 Qiqi: 爱用flex，摒弃旧版浏览器 07/28 20:42
用过觉得不错 0.0 超方便！
※ 编辑: mwiei (1.161.142.88), 07/31/2016 23:29:14
9F：推 kawaii98: inline-block也可以 08/03 18:57