Jquery 动态增加字体大小

我需要有一个脚本，将调整字体大小的宽度，以填补家长的宽度。可能有几个容器中的文本与父div相同。它们之间的间距相等

因此，不知何故，我需要反复调整字体大小，将大小增加1px，并检查所有跨距的新宽度及其间隔是否适合parentContainer

这是我到目前为止得到的

<style>
    span {
        margin-right:20px
    }
</style>

<div id="parentContainer">
    <span>some text</span>
    <span>more text</span>
    <span>another text</span>
</div>

<script>
    $("#parentContainer span:last-child").css("margin-right","0");

    function adjustFonts() {
    var myText = $("span").length, // count text containers
        spacersWidth = (myText - 1) * 20, // margin on the right side 
        availWidth = $("myText").innerWidth(),
                defaultFontSize = 11;

    var fontSize = ???

    $("myText").css("font-size", fontSize +"px");

}

adjustFonts();

$(window).resize(function() {
    adjustFonts();
});
</script>

跨度{
右边距：20px
}
一些文本
更多文本
另一个文本
$（“#parentContainer span:last child”）.css（“右边距”、“0”）；
函数adjustFonts（）{
var myText=$（“span”）.length，//计数文本容器
spacersWidth=（myText-1）*20，//右侧的边距
availWidth=$（“myText”）.innerWidth（），
defaultFontSize=11；
var fontSize=？？？
$（“myText”）.css（“字体大小”，fontSize+“px”）；
}
调整字体（）；
$（窗口）。调整大小（函数（）{
调整字体（）；
});

---

根据设计的其他部分，您最好改用。可能重复的

文本对齐：justify

添加字母和单词间距，使每一行都像你在报纸上看到的那样填满其父行的宽度。@Blazemonger虽然一开始看起来很相似，但我的情况却大不相同。我有一个组合的几个容器与文本和固定间距之间…可能值得一看