CodeMirror：水平自动调整大小，没有滚动条

Question

我需要一个 CodeMirror 编辑器，它以特定宽度开始，然后自动向右增长以匹配最大行长。 IE。大致是 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 来获得一些工作，但可能会出现破坏滚动条或光标位置的极端情况。