今天使用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