Javascript 我可以更改a<；中的文本内容吗；span>；基于<；span>；？

当我的手机屏幕宽度变小时，我希望能够将我的手机屏幕上的句子改成一个较短的句子，这样就可以放在一行了

基本上，我希望在以下情况下使用文本：
-宽度>350px，说“这是我在跨度中的文本”
-宽度小于350px锯“这是跨度文本”

---

这有可能吗？

您可以通过挂接窗口的

resize

事件并检查

跨度的宽度来实现这一点。试试这个：

$(window).resize(function() {
    $('.mySpan').text(function() {
        return $(this).width() >= 350 ? 'this is my text in the span' : 'this is span text';
    });
});

或通过CSS：

。超过350{
显示：内联；
}
.below350{
显示：无；
}
@媒体屏幕和屏幕（最大宽度：350px）{
.超过350人{
显示：无；
}
.below350{
显示：内联；
}
}

这是我在span中的文本
这是span文本
您可以检查
窗口的宽度（或
span
或任何内容）并决定将哪个文本放入
span
。您可以使用媒体查询，并根据宽度显示/隐藏不同的跨距。如果文本是静态的，您可以使用css媒体查询和css内容进行文本。关于
文本溢出：省略号
？为什么不使用媒体查询？