使长方形居中

闲来无事，随手一写

使用html/css代码简单的方法实现让长方体居中的方法。

1.绝对定位

 

  这个方法使用position的方法，使div脱离了文档流，相对于父元素进行定位。

 

2.固定定位

 

 这个方法使用position的方法，使div脱离了文档流，将其固定在固定的位置（与方法1类似，不过两者概念不一样，要分清）。不论窗口如何变化，始终在窗口的中心位置。

 

3.css样式

 

 

 其实这个还是使用了弹性布局，只是我想用justify-content和align-items写写试试。而且这种方法改变了body整体的排布方式，并不推荐使用。