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