javascript を介してテキストを受け取る特定の幅の div タグがあります。
<div id="titleTop" style="width:400px; height:25px; padding-top:15px;"></div>
そのテキストの長さが幅を超えるときはいつでも、div はそのパディングを調整する必要があるため、テキストの 2 行目は下に配置された他の div によって隠されません。
if(document.getElementById("titleTop").innerHTML.length >= 70){
document.getElementById("titleTop").style.paddingTop = 5 + "px";
document.getElementById("titleTop").style.height = 35 + "px";
}
私の問題は、この方法があまり信頼できないことです。テキストが div 内で複数の行をトリガーしたかどうかを検出する方法はありますか? または、パディングが比例して調整されるようにしますか?
編集: 明確にするために、私の問題は div の高さ (常に 40 ピクセルの高さを維持する必要があります) ではなく、その中でテキストを垂直方向に配置することです