CodeMirror：水平自动调整大小，无需滚动条

Question

我需要一个以一定宽度开始的CodeMirror编辑器，然后自动向右增长以匹配最大行长度。即大致是CodeMirror的作用when height is set to auto，但宽度为。

这是一个self-contained example。编辑器沿y轴自动生长，但不沿x轴。通过调整CSS，我可以使用带滚动条的固定宽度编辑器，或者填充浏览器整个宽度的编辑器，但不能在键入时增长。我假设overflow-x是相关的，但我不明白它如何与父元素上设置的其他CSS大小属性交互。我也尝试在CodeMirror-scroll上设置该属性，但它没有帮助。

我相信这可以单独使用CSS属性来完成。事实上，我已经在我的应用程序中有这种行为，但是向左增长，而不是向右，但我不明白它为什么会发生，或者如何在一个小例子中重现它。

This question基本相同，但对于垂直滚动条。

Answer 1

只需将float:left添加到CodeMirror div。

<div id="here" style="float:left"></div>

Answer 2

这不是CodeMirror支持的。您可以通过将.CodeMirror的{​​{1}}设置为（width）-webkit-来获得有用的功能，但可能会出现这样的情况，即会打破滚动条或游标放置。