如果左浮动层而且要垂直居中怎么办啊？

Question

在有float和position的情况下，margin: auto、left/top/bottom/right都好像失效了欸.......比如做一个固定的导航栏，需要好几个button排成一排固定显示在屏幕下方啊，怎么弄啊。比如下图：怎么样让各个图标垂直居中啊

Answer 1

直接transform:translate3d(x,y,z)

Answer 2

一个个的调我相信可以弄好，不过太麻烦了。

推荐你使用这样的布局,可能后期css样式好调些,我也是刚学.

<ul>
    <li><a href=""></li>
    <li><a href=""></li>
</ul>

Answer 3

补充一点，一般子元素都需要浮动时,可以通过清除父级元素的浮动！

以上为个人理解,你可以看下http://www.imooc.com/learn/95

Answer 4

外DIV是否是固定高度？如果是，可设置父DIV display:table-cell;子元素设置vertical-align:middle;

Answer 5

垂直居中可以给他们设置行高啊

Answer 6

那就用position：fixed ，

然后为每一个button 定义 bottom和left 的值呗。