小编给大家分享了css实现div居中的方法，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下
工具/原料
电脑
方法/步骤
1
方法一：利用margin，div1的宽减去div2的宽就是div2margin-left的数值：（100-40）/2=30，div1的高减去div2的高就是div2margin-top的数值：（100-40）/2=30。
2
方法二：利用css的 position属性，把div2相对于div1的top、left都设置为50%，然后再用margin-top设置为div2的高度的负一半拉回来，用marg-left设置为宽度的负一半拉回来，css如下设置。
3
方法三：还是用css的position属性，如下的html。
4
方法四：利用css3的新增属性table-cell。
5
方法五：这个方法还有一个好处就是，div2的高度可以不固定，如下。
注意事项
上一篇：css中设置div居中显示的方法
下一篇：网页设计中让元素居中的方法