zoukankan      html  css  js  c++  java
  • IE下lineheight的BUG解决 (转)

    BUG症状:当在一个容器里文字和img、input、textarea、select、object等元素相连的时候,对这个容器设置的line-height数值会失效;

    受影响的浏览器:
    Microsoft Internet Explorer 5.01 / Windows
    Microsoft Internet Explorer 5.5 / Windows
    Microsoft Internet Explorer 6

    解决方法:
    对和文字相连接的img、input、textarea、select、object等元素加以属性

    margin: (所属line-height-自身高度)/2px 0;
    vertical-align:middle


       检验好用,不过用户具体使用中要留意设置属性的img、input等很可能不是全局设置,这个时候就要灵活处理,比如一个页面有两个不同line- height属性的容器A(class="a")和容器B(class="b")里都有img、input等,如果是B处遇到此bug,则css里写* .b img {...}等等,这样不影响A容器的css显示,千万不要写* html img {...},因为后者是全局设置。

  • 相关阅读:
    阿里云自定义镜像保存规则
    linux常用命令
    SQL
    redis集群
    AOP中的通知
    mysql8.0无法给用户授权或提示You are not allowed to create a user with GRANT的问题
    ---Linux命令
    feign
    spring clud / dubbo
    Ajax嵌套问题
  • 原文地址:https://www.cnblogs.com/wangjunwei/p/2856023.html
Copyright © 2011-2022 走看看