css居中的几种方法(css水平居中的几种方法)

你们好，最近小活发现有诸多的小伙伴们对于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居中这篇文章的一些介绍，希望能帮助到大家。