WordPress古腾堡编辑器添加自定义样式后显示异常问题

我最近在折腾WordPress的默认古腾堡编辑器，想给它加些自定义CSS样式，用的是下面这段PHP代码：

function editor_style() {    
    add_theme_support( 'editor-styles' );    
    add_editor_style( 'editor-style.css' ); 
} 
add_action( 'after_setup_theme', 'editor_style' );

这段代码确实能让我的自定义样式生效，但尴尬的是，编辑器的显示变得怪怪的——排版和元素样式都出现了异常，完全不是我想要的效果（原截图里能看到编辑器布局错乱，样式和预期偏差很大）。

备注：内容来源于stack exchange，提问作者vespino