Pure CSS for text and image horizontal Vertical Center

1, picture and text horizontal center only need to add text-align:center can;

2, single-line text vertical center, height is equal to row height;

3, multi-line text and picture Vertical center:

Need to nest two layers outside, the first layer to set the fixed height, and display:table; second layer plus Display:table-cell; Vertical-align:middle can be implemented (IE7 and the following are not valid)

4, Picture vertical center of another scheme, compatible with any browser:

Nesting a layer outside the picture, set the height Display:table-cell; Vertical-align:middle; *font-size:175px, (set *font-size to be compatible with IE6, 7, generally set to height and font size ratio of 1.14), and finally add Vertical-align:middle, vertical centering possible