textarea的動態尺寸

我正在使用CodeMirror 2編輯器。麻煩的是我無法做到全尺寸（100％; 100％）。我添加到主要風格：textarea的動態尺寸

.CodeMirror { 
    height: 100%; 
    width: 100%; 
}

而這在任何瀏覽器中都不起作用。無論如何？

來源

2011-03-20 Ockonal

我使用以下代碼中http://jsbin.com伸展CodeMirror幀（特別注意到伸展該JS濱到一半屏幕寬度，但下面的例子代碼執行「全屏」）：

.CodeMirror { 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
}

我不記得是否CodeMirror默認添加了類，但如果沒有，你還需要將其添加在JavaScript（假設你沒有解決了這個已經）：

CodeMirror.fromTextArea('ID_OF_TEXTAREA', { 
    // .. some other options... 
    iframeClass: 'CodeMirror' 
});

來源

2011-03-20 12:21:17

請看，這裏是我的完整代碼：http://pastie.org/1692307 – Ockonal 2011-03-20 12:27:29

它仍然不適合我。 – Ockonal 2011-03-20 12:36:27

哦，我解決了這個問題。謝謝。 – Ockonal 2011-03-20 14:53:16

你不能做到這一點與CSS，而不是你可以使用JavaScript：

window.onload = function() { 
    var oTextarea = document.getElementById("myText"); 
    var oParent = oTextarea.parentNode; 
    oTextarea.style.width = (oParent.scrollWidth - 30) + "px"; 
    oTextarea.style.height = (oParent.scrollHeight - 30) + "px"; 
};

這將設置textarea基於其母公司的大小尺寸。
增加了一些「填充」，但您可以刪除或減少它。

來源

2011-03-20 10:03:16

這對我沒有幫助:( – Ockonal 2011-03-20 11:09:31

@Ock - textarea是如何定義的？它是否有ID？父元素？它對我在快速測試中的工作有幫助 – 2011-03-20 11:10:58

使用CodeMirror？因爲它包裝了textarea – Ockonal 2011-03-20 12:12:16

html, body, .container, .subContainer, .CodeMirror { 
    height: 100%; 
    width: 100%; 
}

應該可以工作。

來源

2013-02-05 14:33:23

textarea的動態尺寸

回答

相關問題