-2

我有一个看起来像这样的段落元素在此处输入图像描述

当有 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>
4

2 回答 2

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>

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

于 2012-10-31T08:14:23.423 回答
0 
<div class="details" style="width:auto;">
于 2012-10-31T08:12:40.530 回答