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的width设置为（-webkit-）fit-content来实现某些功能，但可能会出现这种情况，会破坏滚动条或光标位置。