我有一个小的定义列表，我希望在水平和垂直四个列的页面中居中。我将html - 元素设置为display: table，将body设置为display: table-cell;并设置为vertical-align: middle;。
见Fiddle。如果您将第27行的font-size更改为4em;（或大于1em的任何内容），您会在Chrome上看到内容跳转到错误的位置，而之前是正确的。在IE上，字体大小无关紧要，无论如何都会保持在正确的位置。
如果您将dl设置为display: block，它也可以在两个浏览器上运行，但我在视觉上需要它们以内联方式显示。
我做错了什么或者这是Chrome中的错误。如果是这样，我该如何解决呢？