如何根据jquery中的段落元素调整字体大小

Question

我有一个看起来像

的段落元素

当有3个数字字符时它工作正常，但它以某种方式从div元素溢出。任何人都可以根据段落元素建议一种自动调整字体大小的方法吗？

这个div的代码就是这个

<div class="details">
            <a><span
                    style="display: block;line-height: 22px;padding-top: 20px;"><b>8375</b></span>
                <span style="display: block;font-size: 17px;padding-top: 5px;">posts</span></a>
        </div>

Answer 1

jQuery

$(".text").css("font-size", $("#details").height()/4);

的CSS

<style>
    #details {
        width: 100px;
        height: 100px;
        background:red;
        border:1px solid green;
        }
</style>

HTML

<div id="details">
<a>
    <span class="text"><b>8375</b></span>
    <span class="text">posts</span>
</a>

现在，如果您的字体大小将根据块高度调整大小：）

Answer 2

<div class="details" style="width:auto;">