2013年7月4日 星期四

用 css 將元素置中

Centering Percentage Width/Height Elements

要讓類似 dialog 的彈出 div 在頁面置中的小技巧。

  1. .center {   
  2.   positionabsolute;   
  3.   left: 50%;   
  4.   top: 50%;   
  5.      
  6.   /*  
  7.   Nope =(  
  8.   margin-left: -25%;  
  9.   margin-top: -25%;  
  10.   */  
  11.   
  12.   /*   
  13.   Yep!  
  14.   */  
  15.   transform: translate(-50%-50%);   
  16.      
  17.   width40%;   
  18.   height50%;   
  19. }  

反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...