浮动元素垂直居中:
核心代码: vertical-align: middle;display: table-cell;代码实现如下
<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>
<body>
<div id="demo">
<div class="fl"></div>
</div>
</body>