今天使用ElementUI与vue-quill-editor的时候发现，富文本编辑框选项对齐出现了点问题。

原因：

查询结构发现，是与ElementUI的样式出现问题。

vue-quill-editor中，没有设置自身的行高，而是通过继承来设置的line-height，而且其中选项并没有BFC限制，导致行高混乱了。

解决方法：
为vue-quill-editor组件设置更高优先权的行高样式，覆盖elementUI的行高样式就OK了。

代码：

<quill-editor class="quill-editor" v-model="content" :options="editorOption"> </quill-editor>

.quill-editor {
    line-height: normal;
}

本文为CSDN博主「Yuval Zhong」的原创文章
原文链接：https://blog.csdn.net/weixin_41602509/java/article/details/103053948