使长方形居中

  • A+
所属分类:Web前端
摘要

闲来无事,随手一写使用html/css代码简单的方法实现让长方体居中的方法。 1.绝对定位

闲来无事,随手一写

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

1.绝对定位

使长方形居中

 

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

 

2.固定定位

使长方形居中

 

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

 

3.css样式

使长方形居中

 

 

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