div水平垂直居中css实现(不能跟随滚动条改变位置)

div{

  width:100px;

  height:100px;

  position:absolute;

  left:50%;

  top:50%;

  transform:translate(-50%,-50%);//如果没有这句,相当于把div看成一个点,就是它的左上角那个点,但是因为它有宽高,所以还要再往左和上移动自己宽高的一半。这时 相当于div的中心水平垂直居中

}

这个只是其中一种  超级简单, 移动滚动条始终保持div垂直居中还没实现,实现了再贴方法

扫描二维码关注公众号,回复: 1503128 查看本文章

(未完待续…)

猜你喜欢

转载自www.cnblogs.com/senn0213/p/9148446.html