Javascript 使用引导程序对齐div中间的所有对象

我希望有人能帮我，下面是一个例子

以下是js：

$(document).ready(function() {
var originalFontSize = 12;
var sectionWidth = $('.web-message').width();

$('.web-message span').each(function(){
    var spanWidth = $(this).width();
    var newFontSize = (sectionWidth/spanWidth) * originalFontSize;
    $(this).css({"font-size" : newFontSize, "line-height" : newFontSize/1 + "px"});
});
});

如果你改变任何一个文本，它会保持与左右对齐，这是完美的，但我遇到的麻烦是，当你把屏幕变小的时候

我希望它逐渐变小，停留在容器的中间，或者在最坏的情况下使用@媒体

变得更小。

---

有什么想法吗？

如果我理解正确，您只需要使用

$（窗口）。调整大小。请看这里：


这就是你要找的吗

$(window).resize(function() {
    var originalFontSize = 12;
    var sectionWidth = $('.web-message').width();

    $('.web-message span').each(function(){
        var spanWidth = $(this).width();
        var newFontSize = (sectionWidth/spanWidth) * originalFontSize;
        console.log(newFontSize);
        $(this).css({"font-size" : newFontSize+"px", "line-height" : newFontSize/1 + "px"});
    });
});