css中的zoom的使用

css中的zoom的使用

.first-p{   
         width: 100px;   
         height: 100px;   
         background: red;   
         zoom:1;   
         float: left  
     }   
     .second-p{   
         width: 100px;   
         height: 100px;   
         background: green;   
         zoom:1.5;   
         float:left  
     }   
     .third-p{   
         width: 100px;   
         height: 100px;   
         background: blue;   
         zoom:2;   
         float:left  
     } 

 <p class="first-p"></p>   
 <p class="second-p"></p>   
 <p class="third-p"></p> 

{:;:;:;:;

       
  }{:;:;:;:;  
  } 

上面的做法已经能解决现代浏览器上的问题了；如要要向下兼容ie6 就要加上zoom:1。

以上就是css中的zoom的使用的详细内容，更多请关注Gxl网其它相关文章！

查看更多关于css中的zoom的使用的详细内容...