Css implements DIV vertical center on the screen, cssdiv

Css implements DIV vertical center on the screen, cssdiv

Address: http://www.manongjc.com/article/374.html

 

This section describes how to align a div element horizontally and vertically in full screen mode. The Code is the most convincing and you can directly look at the code.

The Code is as follows:

<! DOCTYPE html>  
Online operation
 
 
 
The above code centers the div in full screen on the webpage. The following describes how to implement it.
 
Implementation principle:
 
Set the div element to absolute positioning, and set its left and right attribute values to 50% respectively. At this time, the div is not centered, and the center is the upper left corner of the div, therefore, we need to pull a certain distance from the top to the left, which is half of the height and width respectively.