Pure CSS to achieve the perfect picture in the div vertical horizontal Center

Here's the absolute Center for inserting the picture, and if you just want to center the picture, the easiest way is to set it as a background image, such as:

div {
width:500px;border:1px solid #f00;
height:500px;
Background:url ("/images/logos.gif") Center No-repeat
}

Say to turn, please see the following code to implement the picture in the DIV vertical horizontal Center :

The following is the HTML page special effects code, click the Run button to see the effect:
[Ctrl + A ALL SELECT hint: You can modify some of the code, and then run]