因此,我要添加一个内容可编辑的div。我想在有人输入一定数量时设置警告。但是,我添加了更改字体大小,粗体,斜体等的功能。因此,有一种方法可以获取div中仅文本的实际高度,即使文本没有填满整个div也是如此。 ?
就像是$("#my-div").textHeight()
太棒了
最佳答案
或者,如果您要尝试整个文本块的高度,请尝试以下操作:fiddle
HTML:
<div id='hold'>
<div id='text' contenteditable>Lorem ipsum, lorem ipsum</div>
</div>
<button id='checkTextHeight'>Check Text Height</button>
CSS:
#hold {
border: 1px solid black;
width: 100px;
height: 300px;
}
#text {
min-width: 1em;
min-height: 1em;
}
JS:
$('#checkTextHeight').click(function() {
alert($('#text').css('height'));
});