具有不同字体大小的相同内容导致错误对齐

时间:2015-07-12 20:41:21

标签: html css

我完全(我通过Chrome中的开发者工具更改了值)使用font-size呈现的相同内容(单位em):

  • 1.0

1.0

  • 1.1

1.1

  • 1.2

1.2

  • 1.3

1.3

  • 1.4

1.4

但正如您在1.2中看到的那样,Chrome中的两个块的对齐方式不同(在Firefox中也是如此)。您可以在行动herehere中看到它。

这怎么可能?

1 个答案:

答案 0 :(得分:1)

令人惊讶的是,font-size: 80%的{​​{1}}定义导致了此问题。我删除了它并重新计算了所有其余部分,现在很好。