我可以根据<span>的宽度更改<span>中的文本内容吗?

时间:2015-06-11 14:31:09

标签: javascript jquery html css

随着我的屏幕宽度因较小的移动设备而减小,我希望能够将我的句子更改为更短的句子,以便它适合一行。

基本上我想在下列文字时加上文字:
-width是&gt; 350px说&#34;这是我在跨度中的文字&#34;
-width是&lt; 350px看到&#34;这是跨文本&#34;

这有可能吗?

2 个答案:

答案 0 :(得分:7)

您可以通过挂钩到窗口的std::shared_ptr事件并检查std::unique_ptr的宽度来实现此目的。试试这个:

resize

答案 1 :(得分:3)

或通过CSS:

.over350 {
    display: inline;
}
.below350 {
    display: none;
}
@media screen and (max-width: 350px) {
    .over350 {
        display: none;
    }
    .below350 {
        display: inline;
    }
}
<span class="over350">this is my text in the span</span>
<span class="below350">this is span text</span>