css div居中

来源:互联网 发布:电视亮度调节软件 编辑:程序博客网 时间:2024/06/03 13:30

    在进行css布局的时候,如果需要div居中的话,可以利用一下margin的负值的小技巧

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body><style type="text/css">div{height: 600px;width: 400px;margin-left: -200px;margin-top: -300px;left: 50%;top:50%;background-color: red;}</style><div></div></body></html>

主要原理就是取div的中点,然后就50%的移动,就可以实现div的居中了

0 0