javascript - 如果宽度大于屏幕宽度，如何隐藏动态内容？

Question

我在行内 block 中显示了两个元素；一个图像和一个文本。文本是动态的，所以它可以有任何宽度。当这两个元素组合起来比页面宽时，我想隐藏图像。

我在调整页面大小时试过这个:

if ($(window).width() == $('#id').width()) {
    document.getElementById('image').style.display = 'none';
} else {
    document.getElementById('image').style.display = 'block';
}

这不能正常工作。有什么想法吗？

Answer 1

如果你想保留 block 中的图像和文本，但由于宽度较大而将它们的一部分剪切到屏幕之外，你可以将'overflow:hidden'添加到你的内联 block 中。尝试一下。