zoukankan      html  css  js  c++  java
  • 非预期效果CSS集合

    1.ie6 line-height失效的情况(tip:只有全文字line-height属性才有效)

      1). elment(容器) 内有一个 inline-block元素(ib子元素),即失效.

        解决方案:给ib子元素添加两个属性,如下

            margin: (容器的line-height - ib子元素高度)/2 px   0;

            vertical-align: middle;

    2.ie6 元素使用padding,子元素position的定位从padding开始

      解决方案:使用ie6 hack. 能有效避免最好啦!

    3.ie6 overflow:hidden失效,当子元素position:relative时,父元素的overflow:hidden失效。

      解决方案:给父元素添加position:relative。此bug同样存在于ie7中。

    4.ie10 line-height失效,给元素设置为float:left时,line-height的表现明显就不对。

      解决方案:给元素设置font-family:"Microsoft Yahei"

    5.设置position:absolute时,display:table-cell无效。(检查了几乎所有浏览器都是这个问题)

      解决方案:父元素设置position:absolute,子元素设置display:table-cell

  • 相关阅读:
    【Linux】命令——基本命令
    正则表达式
    Letex
    Markdown
    文本编辑器Vim
    【Linux】集群
    【Linux】软件安装
    共线性synteny
    windows触控手势
    【Linux】bin结尾的安装包
  • 原文地址:https://www.cnblogs.com/hhyaner/p/4609616.html
Copyright © 2011-2022 走看看