html css怎样让div居中

很多时候我们都需要div居中
用css3的transform属性即可让div居中
如代码所示

先设置子元素的margin-top和margin-left为50%
接着用transform的translate来移动子元素为-50%
translate相对的是元素本身进行移动,这样移动-50%(元素宽度的一半)即可居中了
不过因为新特性,所以兼容性不好,如果考虑IE的话,慎重使用




    
    
    
    Document
    


    
child


 

你可能感兴趣的:(css,html)