JS实现div动态水平垂直居中


样式如下:

把id为bouncingScreen的元素整个页面居中

首先水平居中很简单;

其次是垂直居中。分为三步:

1)获取到当前屏幕的高度;

2)获取到需要居中的div的高度;

3)用屏幕的高度减去div的高度除以2就是需要给div设计的margin-top/padding-top的值。

js代买块:

你可能感兴趣的:(JS实现div动态水平垂直居中)