(资料图片仅供参考)
你们好,最近小活发现有诸多的小伙伴们对于CSS居中代码,css居中这个问题都颇为感兴趣的,今天小活为大家梳理了下,一起往下看看吧。
1、方法一:使用边距,div1的宽度减去div2的宽度就是div2margin-left的值:(100-40)/2=30,div1的高度减去div2的高度就是div2margin-top的值:(100-40)/2=30。
2、方法二:使用css的position属性将div2的顶部和左侧设置为相对于div1的50%,然后在margin-top设置为div2高度的负一半的情况下拉回,在margin-left设置为宽度的负一半的情况下拉回。css设置如下。
3、方法三:还是用css的position属性,比如下面的html。
4、方法4:使用css3的新属性表格单元。
5、方法五:这种方法的另一个优点是div2的高度可以不固定,如下。
以上就是css居中这篇文章的一些介绍,希望对大家有所帮助。