一、已知宽高的浮动元素水平垂直居中对齐

效果：

样式CSS:

1 

模板HTML:

1 2     
      
       3         
       
4     
      
5  

二、未知宽高的浮动元素水平垂直居中对齐

效果：

样式CSS：

1 

模板HTML：

1 2     
      
       3         
       
4     
      
5  

三、图片的水平垂直居中

1.效果 

 

 

1  2  3  4     
       5      6  7  8 34 
      
       35     
       36     
       37 
      
38 39 40 

 

 

2.效果：

样式CSS:

1 

模板HTML:

1 
      
       2     
       3