首页 > 代码库 > 让浮动元素垂直居中

让浮动元素垂直居中

让容器中设置为浮动的元素垂直居中:

在父元素上进行设置:

<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>

 

让浮动元素垂直居中