通过字体大小和行数设置 div 高度答案

【问题标题】：set div height by font size and numbers of lines通过字体大小和行数设置 div 高度
【发布时间】：2012-02-10 00:57:16
【问题描述】：

我想创建一个函数来通过计算行数来自动设置 div 高度。我试图让它成功，但它停止了。请帮我解决这个问题。

function set_height() {
    var div_obj=document.getElementById('dogodkiinhalt'); //get object by id -> <div>
    var number_of_lines=div_obj.style.offsetHeight; //get number of lines in this obj.
    var font_size=??; //get font size and i don't know how
    var div_Height=number_of_lines*font_size; //calculating new height
    document.getElementById('dogodkiinhalt').style.height = div_Height; //setting new height to div
    }

我正在查找如何获取文本大小，但我一无所获。会不会是那种扭扭捏捏的好吗？

【问题讨论】：

您的目标是什么？只要没有明确设置 div 的高度，它就会自动增加其高度以适应其内容。也许您正在尝试解决错误的问题？
为什么要这样做？ div 不换行？
我认为他想让 DIV 可滚动，但有时只能看到一半的行......
对不起，我忘记了，我有可滚动的 div。

标签： javascript html height

【解决方案1】：

只保留 div 的高度为自动。

【讨论】：

我不能有可滚动的框。这就是我需要这个的原因。我在 ccs 中声明了高度（如 200px），如果我得到更多显示滚动条的文本。何时隐藏文本滚动条并将 div 高度设置为最小。