CSS----Layout FAQs

1. A div with a width height of 50px, how to achieve the vertical center left and right?

Realize the idea: first give Div set position:absolute, achieve absolute positioning, then set top and left value are 50%; so the div is in the middle of the approximate position, here said roughly, This is because the div is shifted 0.5 times times the height and width, respectively, down to the right. Then set Margin-left:-() width;margin-top:-() height is ok (*^__^*)

. tocenter{Position:absolute; Width:50px;height:50px;background: #0066D5;               margin-left:-25px; margin-top:-25px;top:50%;left:50%; 

Extension: What if the implementation div1 is centered in the div2 (outer div)?

Realize the idea: well ... This time just add position:relative to Div2.

2.

　　

CSS----Layout FAQs