仅限Ubuntu：嵌套的span，vertical-align：top和font-size不能很好地协同工作

Question

这真的超出了我的范围。请参阅下面的代码段。

如果存在嵌套跨度，并且vertical-align设置为top，和 font-size很小（小于14px），则会错误地显示外部跨度中的文本向下推送的位置。< / p>

这就是我所看到的，运行Xubuntu 14.04 + Chrome版本47.0.2526.106（64位）：

如果我将font-size更改为20px以上，则问题就消失了。

但我确实需要vertical-align和font-size。

是什么？

更新

我切换到Windows主机+ Chrome，问题就消失了。 似乎这是Xubuntu，或gnome，或xfce。

＆＃13;

＆＃13;

.classA, .classB {
    vertical-align: top;
    font-size: 12px;
  
    /* cosmetic. just to make the illustration clearer */
    background-color: black;
    color: white;
    font-weight: bolder;
}

＆＃13;

<span class="classA">textA <span class="classB">textB</span> textC</span><br>
<span class="classA">textA textC</span>

＆＃13;

＆＃13;

＆＃13;