【资料图】

你们好，最近小活发现有诸多的小伙伴们对于css居中最简单的方法，css居中这个问题都颇为感兴趣的，今天小活为大家梳理了下，一起往下看看吧。

1、方法一：使用margin，div1的宽度减去div2的宽度就是div2margin的值-left: (100-40)/2=30，

2、div1的高度减去div2的高度就是div2margin-top的值：(100-40)/2=30。

3、方法二：使用css的position属性将div2的顶部和左侧设置为相对于div1的50%，然后使用margin-top将其设置为div2高度的负一半。

4、在marg-left设置为负半宽度的情况下拉回来，css设置如下。

5、方法三：还是用css的position属性，比如下面的html。

6、方法4:使用css3的新属性表格单元。

7、方法五：这种方法的另一个优点是div2的高度可以不固定，如下。

以上就是css居中这篇文章的一些介绍，希望对大家有所帮助。