zoukankan      html  css  js  c++  java
  • 关于IE8与FireFox中,button内字体总是有一个不垂直居中的问题

    关于IE8与FireFox中,button内字体总是有一个不垂直居中的问题

    imageimage

    button的代码是这样子的:<button id='clear' class="defButton rightBtn listButton">清除<button>。

    原因分析,因为两个浏览器默认button的样式中,border及padding的宽度不一致导致,但限制button的height、font-sizing、line-height和border-box时,会出现字体垂直位置不一致的问题。

    而如果我只是将line-height设置为较小的值,在设置“vertical-align: middle;”时,IE8和FireFox是好了,但是Chrome又出问题了。如下图:

    image

    最后找的的解决方法:

    将其写成:<button id='clear' class="defButton rightBtn listButton"><label>清除</label></button>

    label的格式是:vertical-align: 0%;line-height:100%;

  • 相关阅读:
    压缩与解压缩
    权限和特殊权限
    用户和组
    bash基础特性
    vim编辑器
    目录及文件操作命令
    ye
    软件包的安装与管理
    磁盘管理
    归档与展开归档
  • 原文地址:https://www.cnblogs.com/KuTeng/p/4596244.html
Copyright © 2011-2022 走看看