对 浮动元素进行居中。

父级元素:

 

float:left

position:relative;

left:50%

 

子级元素

float:left;

position:relative;

left:-50%;

 

------------------------------------------------------------------------------------------------

父级元素不定宽度,默认BLOCK元素是100%的宽度,通过float 使父级元素的宽度为子级元素的宽度。

left是以元素的0,0为坐标偏移,则父级元素的左边框在屏幕中线,通过子级元素的left:-50%使子级元素的中线对齐父级元素的左边框。完成居中。

posted on 2017-11-03 14:18  suchen07  阅读(121)  评论(0)    收藏  举报