codemirror 设置word-warp换行后光标显示及定位有关问题

codemirror 设置word-warp换行后光标显示及定位问题
如图,我鼠标点的是第二行中间

输入内容后

到第一行了
但如果鼠标点在第二行末尾，那么输入内容就显示在正确位置
我改了codemirror.css

求问想要正确显示光标高度并正确定位，怎么解？
另外在设置word-break貌似无效……在JS中有设置wordbreak的方法么

------解决方案--------------------
参考: Word wrapping/hyphenation using CSS.

引用

This is working in Internet Explorer 8+, Firefox 6+, iOS 4.2, Safari 5.1+ and Chrome 13+.

 -ms-word-break: break-all;

     word-break: break-all;


     /* Non standard for webkit */

     word-break: break-word;


-webkit-hyphens: auto;

   -moz-hyphens: auto;

    -ms-hyphens: auto;

        hyphens: auto;

或者CSS Cross Browser Word Wrap

.word_wrap

{

	white-space: pre-wrap; /* css-3 */

	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */

	white-space: -pre-wrap; /* Opera 4-6 */

	white-space: -o-pre-wrap; /* Opera 7 */

	word-wrap: break-word; /* Internet Explorer 5.5+ */

}