css未盒子div居中的多种方法

来源:互联网 发布:emacs26 for windows 编辑:程序博客网 时间:2024/06/04 17:53

1.如果知道div的宽高。

div用绝对定位

直接margin-left负掉div宽的一半,margin-top负掉div高的一半。

2.如果不知道div的宽高。(ie10及以上)

用css3的属性transform、translate负掉div宽高的一半

transform:translate(-50%,-50%)

3.知道不知道civ的宽高都可以(ie8及以上)

父级元素写

display:table-cell;

vertical-align:middle;

4.