javascript - 如何更改动态文本的字体大小，直到文本存储在一行中？

Question

我在 div 和动态文本中有一个跨度，如下所示:

<div>
<span>
    dynamic text
</span>
</div>

是否可以更改字体大小，直到动态文本 存储在一行中(我的意思是，没有换行)？

Answer 1

首先您需要获取跨度内的值(您必须对其进行 trim 以避免前面的空格)。

var result = $("div > span").text().trim();

然后简单地用您预定义的值检查结果并更改字体大小

if(result == "dynamic text"){
    $("span").css("font-size", "50px");
}

Live Demo