关于如何让 div 上下左右都居中

//方法1
body{ margin:0; padding:0; width:100%; height:100%; }
div{
border:1px solid #008EAD;//边框
position:absolute;//绝对定位
top:50%;
left:50%;
margin-top:-150px;//这个值是宽和高的一半
margin-left:-100px;
/*此时宽和高都要固定*/
width:300px;
height:200px;
}


左右居中：

margin: 0 auto;

//方法2
.{
            : : %: %: %: %: : }
        .{
            : : : : -: -}


本文为Jsky原创文章,转载无需和我联系,但请注明来自Jsky博客 www.tjin.link

Jsky博客
请先登录后发表评论
  • 最新评论
  • 总共0条评论