javascript - 如何检测 div 中何时出现多行？

Question

我有一个具有特定宽度的 div 标签，它将通过 javascript 接收文本。

<div id="titleTop" style="width:400px; height:25px; padding-top:15px;"></div>

每当该文本的长度超过宽度时，div 应调整其填充，因此文本的第二行不会被位于下方的另一个 div 遮挡。

if(document.getElementById("titleTop").innerHTML.length >= 70){

    document.getElementById("titleTop").style.paddingTop = 5 + "px";
    document.getElementById("titleTop").style.height = 35 + "px";
}

我的问题是这种方法不是很可靠。有什么方法可以检测文本是否触发了 div 内的多行？或者让填充按比例调整自身？

编辑:为了清楚起见，我的问题不是 div 的高度(它必须始终保持 40px 高)，而是在其中垂直对齐文本

Answer 1

.yourDivClass {
    display: table-cell;
    vertical-align: middle;    
}

这应该使您的内容保持一致。最后，消除无关的 CSS 和 JavaScript 函数，使您的代码尽可能简单。