负边距+定位：水平垂直居中

<style type="text/css">
.demo {
    background: gray;
    width: 100px;
    height: 200px;
    border: solid 5px black;
    /* border-width: 10px;
    border-color: black; 
    !!要想有边框出现，必须有边框样式，仅有宽度和颜色是不行的*/
    margin: auto; /*水平居中:margin:auto; &&margin:100px auto;两者都是可以的   */
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50px; /*值为-width/2  */
    margin-top: -100px; /*值为-height/2  */
}
</style>

<body>
    <div class="demo"></div>
</body>

来源：https://www.cnblogs.com/feile/p/5367694.html

标签

margin

垂直居中

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!