图标未对齐

时间:2018-10-11 16:58:17

标签: css antd

更新到antd 3.10之后,我注意到我的许多图标现在都未对齐:

enter image description here

不知道为什么会这样,我禁用了antd.css之外的所有CSS,但是即使在空白页上也不一定(模式中的),这种情况正在发生。

问题是我无法在具有相同版本的codepen中重现此问题,我已经检查了浏览器检查器中的所有内容以检查所有应用的样式,并且一切看起来都相同,并且我全都无法进行故障排除想法。

关于什么可能导致这种情况的任何想法?

更新: 我回滚到antd 3.0.0,一切都很好。绝对与新的svg图标有关。我仍然无法在我的环境之外复制它。我仍然对解决这个问题很感兴趣。

1 个答案:

答案 0 :(得分:1)

此问题与webpack配置无关-您需要在页面顶部添加<!DOCTYPE html>。这也是为什么您无法在Codepen中重现它的原因-即使在其中的沙箱框架内也指定了doctype。