在內容可編輯div上強制尺寸？

如何強制內容可編輯div的行爲像一個文本框？也就是說，它具有固定的水平寬度，但是無限地垂直擴展？這裏有一個的jsfiddle，以下是代碼在撥弄一個副本：http://jsfiddle.net/seoj7cgq/在內容可編輯div上強制尺寸？

<!--How do I force the text to stay in the div horizontally and scroll infinitely vertically?--> 
<title>JS Bin</title> 
<style> 

    .element { 
    max-height: 200px; 
    width:300px; 
    height:300px; 
    max-width: 300px; 
    background: #999; 
    overflow: hidden; 
} 

</style> 
</head> 
<body> 
    <div class="element" contenteditable=true> 
    this is the text 
    </div> 
</body> 
</html>

來源

2014-10-19 abraxas

使用overflow-x和overflow-y屬性：

.element { 
 
    max-height: 200px; 
 
    width: 300px; 
 
    height: 300px; 
 
    max-width: 300px; 
 
    background: #999; 
 
    overflow-x: hidden; 
 
    overflow-y: scroll; 
 
}

<div class="element" contenteditable=true>this is the text</div>

來源

2014-10-19 22:32:56 hjpotter92

在內容可編輯div上強制尺寸？

回答

相關問題