分享程序员开发的那些事...
更新时间：2022-05-09 10:43:23
水平大家都知道，一般固定宽度给个margin:0 auto；就可以了。下面实现水平垂直都居中
HTML
<div class="parent"> </div>
css
html,body{ width: 100%; height: 100%; } .parent{ width: 750px; height: 400px; background: orange; /*水平居中*/ margin: 0 auto; position: relative; top: 50%; margin-top: -200px;/*高度的一半*/ }
都居中了。也可以把margin-top:-200;换为CSS3新属性:transform:translateY(-50%);