在水平和垂直方向上将div居中，并在调整父级大小时保持居中

您可以使用 CSS表 执行此操作：

JsFiddle

标记

<div >    <div ></div></div>

（相关）CSS

html,body{    height: 100%;}body{   display: table;    margin: 0 auto;}.container{      height: 100%;    display: table-cell;       vertical-align: middle;    }.cent{    height: 50px;    width: 50px;    background-color: black;      }