对于contenteditable的div，折行后光标变大怎么处理？

这是第一行，是小光标。但是当你一直打字直到自动折到下一行时，光标就会变大。

这是第二行。

从文档结构看，不用回车来折行，自动折行的，两行其实还是同一个div。

现在line-height是32px,改成2.5也能达到一样的效果，但是同样折行光标大。
搜狗、360、谷歌、UC等浏览器会这样，火狐正常。

缩小line-height或者设置成normal光标会一样，但是就不能达到在背景横线里居中的要求了。

请教有没有什么好的方案解决。