当宽度达到窗口边缘时，如何向工具提示工具提示添加边距？

Question

我正在使用工具提示插件。工作正常。但是，当它靠着屏幕边缘运行时，我想增加边距。在这种情况下，如何动态为其添加边距并在窗口边缘和工具提示之间保留一些空间。我尝试了一些这样的功能：

dp[i][j][last] = min(dp[i - 1][j][last], dp[i - 1][j - 1][i] + a[i] * (last - i));

它非常接近我想做的事情，但是它并不能完全按照我的意愿提供结果，因为它可以在屏幕宽度范围内的工具提示内容中创建滚动条。例如，当屏幕宽度在340像素到480像素之间时，我的工具提示框中有不需要的垂直滚动条。

我的JavaScript：

functionReady: function(instance, helper) {
    if( $( window ).width() == $('.tooltipster-box').outerWidth()) {
        $('.tooltipster-box').css( 'margin-left', '10px' ).css( 'margin-right', '10px' )
    }
    else {
        $('.tooltipster-box').css( 'margin-left', '0' ).css( 'margin-right', '0' )
    }
}

完整源代码：

$(document).ready(function() {
    $('.tooltip').tooltipster({
        contentCloning: true,
        trigger: 'click',
        interactive: true,
        functionReady: function(instance, helper) {
            if( $( window ).width() == $('.tooltipster-box').outerWidth()) {
                $('.tooltipster-box').css( 'margin-left', '10px' ).css( 'margin-right', '10px' )
            }
            else {
                $('.tooltipster-box').css( 'margin-left', '0' ).css( 'margin-right', '0' )
            }
        }
    });
});

$(document).ready(function() {
    $('.tooltip').tooltipster({
        contentCloning: true,
        trigger: 'click',
        interactive: true,
        functionReady: function(instance, helper) {
            if( $( window ).width() == $('.tooltipster-box').outerWidth()) {
                $('.tooltipster-box').css( 'margin-left', '10px' ).css( 'margin-right', '10px' )
            }
            else {
                $('.tooltipster-box').css( 'margin-left', '0' ).css( 'margin-right', '0' )
            }
        }
    });
});

.tooltip {
    border-bottom: 1px dotted black;
}
.tooltip_templates { display: none; }

#myDiv {
    max-width: 500px;
    border: 1px solid red;
    margin: 0 auto;
}