太上老俊

css相关

 zoom:

  zoom是IE专用,设置对象缩放比例(本意)。

   其他作用:

    1、zoom:1在ie6下清除浮动,解决margin导致的重叠问题。

      通常清除浮动只需要父添加overflow:hidden,但ie不行,需要触发hasLayout属性才可以,zoom:1用于ie6触发该属性。当hasLayout=true,元素会对自身或子孙元素进行计算和定位。

      清除浮动:  .box:after{content: ".";clear: both;display: block;visibility: hidden;overflow: hidden;height: 0;*zoom:1}

      inline-block兼容:.box{display: inline-block;*display:inline;*zoom:1;}

    *表示在ie7及以下版本中的写法:只有ie7及以下版本才解读带*的属性设置。

 

未知高度的元素内部文字水平垂直居中:

 

  .parent:after{content:" ",display:inline-block,vertical-align:middel,height:100%}

   .sub{display:inline-block,}

 

posted on 2017-10-11 15:52  太上老俊  阅读(117)  评论(0编辑  收藏  举报

导航