JS with CSS implementation of the picture center

CSS graphics on the center is very good to achieve, but the evil of the browser between the conflicting, do not compatible, but fortunately we have to make its compatible approach, that is the combination of JS to achieve, so that each browser is more obedient. This example is CSS with JavaScript implementation of the picture vertical, horizontal direction are centered, is not up and down center, is located in the center of the page, the code is as follows:

The copy code is saved as an HTML page, double-click to open the test effect.