负边距jquery

Question

我正在site

上写一个动画菜单

将鼠标悬停在第一个或第三个菜单项上时，文本之间会显示其他文字。 现在我用负边距隐藏它，并且:hover我给他一个margin: 0

iPhone出现问题 第一段在附加文本中有两个词。在iPhone上没有正确地考虑缩进和文本相互骑行。

下面是一个计算和设置右边距的脚本

$(function (){

    $('.multi-link span').each(function(){
        var w = $(this).width();
        $(this).css({
            'margin-right': w*(-1)
        });
    });

});

<li>
    <a class="header__menu-link multi-link" href="#">
        о <span>яркие впечатления</span> нас
    </a>
</li>

如何解决类似的问题？谢谢！