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來實現某些功能，但可能會出現這種情況，會破壞滾動條或光標位置。