代码之家  ›  专栏  ›  技术社区  ›  jsookiki

获取div中文本的实际高度

  •  2
  • jsookiki  · 技术社区  · 10 年前

    所以我有一个内容可编辑的div,我正在向其中添加文本。我想设置一个警告,当一个人输入一定数量时。然而,我添加了更改字体大小、粗体、斜体等的功能。因此,有没有一种方法可以让我仅获得div中文本的实际高度,即使文本没有填满整个div?

    类似于 $("#my-div").textHeight() 会很棒的

    3 回复  |  直到 10 年前
        1
  •  3
  •   J148    10 年前

    或者,如果您正在尝试获取整个文本块的高度,请尝试以下操作: 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'));
    });
    
        2
  •  2
  •   João Mosmann    10 年前

    您可以将内容封装在 display: inline 元素并使用jquery获取其高度 $('.my-inline-element').height()

    例子: http://codepen.io/anon/pen/kbtEr

        3
  •  -1
  •   Rebirth    10 年前
    var size_of_text = $('#my-div').css("font-size");
    

    它应该检索div的字体大小,我假设它是文本的高度。