html - CSS 图标 : Cannot remove top and bottom padding (font awesome)

Question

这是我的 fiddle :

http://jsfiddle.net/schmudde/VeA6B/

我无法删除超赞字体图标两侧的顶部和底部填充:

span {
    border: 1px solid red;
    line-height: 40%;
}
i {
    border: 1px solid green;
    padding: 0px;
    margin: 0px;
    display: inline-block;
    width: auto;
    height: auto;
    line-height: inherit;
    vertical-align: baseline;
    background-color: red;
}

<span><i class="icon-check icon-3x"></i></span>

我尝试过特定的行高和继承的行高。这里有一些基本的东西我显然不理解。

Answer 1

使用 span { line-height: 100%; } 所以它会填满这个 block 。