码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-04-08 14:38:46      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:

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

 

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

标签:

原文地址:http://www.cnblogs.com/feile/p/5367694.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!