Center, Center Code

Center, Center Code

Set a width for the div, and then add the margin: 0 auto attribute.

Div {width: 200px; margin: 0 auto ;}

 

 

 

Absolute Center:

Absolute positioning Element

Div {position: absolute; height: 200px; width: 400px; top: 50%; left: 50%; margin:-100px 0 0 0-200px ;}

 

As shown in the above Code, in the upper left corner of the div, locate the blue part in the midpoint effect.

Use margin to move the half of the width and height to the left and top to center.

Floating Center:

Http://blog.163.com/hongshaoguoguo@126/blog/static/1804698120125625634853/