让容器中设置为浮动的元素垂直居中：
在父元素上进行设置：
<style type="text/css"> #demo { width: 300px; height: 200px; background-color: grey; display: table-cell; vertical-align: middle; } .fl { float: left; width: 50px; height: 50px; background-color: black; } </style> </head> <body> <div id="demo"> <div class="fl"></div> </div> </body>
原文：http://www.cnblogs.com/Janejxt/p/5877060.html