Pure CSS implements DIV and image horizontal and vertical centering, compatible with multiple browsers (implementation process)_html/css_WEB-ITnose

" -//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Possible situation 2.

2. Implement vertical centering in IE

Firefox, Google and other browsers

Achieve vertical centering in Firefox, Google and other browsers

  < /strong>

Personal summary: display:table-cell; should be defined in a cell with specific width and height value inside the block element container, otherwise vertical centering under browsers such as Firefox cannot be achieved