我有一个链接图标,它在基线下“挂起”,只是因为我使用字体大小 0.8em。
a {
padding-left: 6px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAKCAMAAACpO397AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF/JoEAAAA0+PISwAAAA5JREFUeNpiYMAHAAIMAAAeAAHMILKLAAAAAElFTkSuQmCC") center left no-repeat;
text-decoration:none;
font-family: sans-serif;
}
.fs-09 {
font-size: 0.9em;
}
.fs-08 {
font-size: 0.8em;
}
.fs-s {
font-size: small;
}
<a class="fs-09" href="#">Baseline</a>
<a class="fs-08" href="#">Baseline</a>
<a class="fs-s" href="#">Baseline</a>
测试:http: //jsfiddle.net/4a49qmw0/
在最近的 Win8 上的 Chrome 和 Firefox 中测试并确认。
如何解决这个问题?我想继续使用字体大小 0.8em。