Question

我正在构建面包屑结构，元素越来越大。当面包屑的大小大于可用大小时，我想隐藏几个面包屑。我可以使用哪个命令来检查div的大小是否大于可用空间。我试图捕获溢出事件但这不起作用。我的div上的.width总是返回屏幕的完整大小，虽然我在chrome中调试时的值较小...

非常感谢任何帮助。

由于

编辑：

function trimBreadcrumbs()
{
    var x = document.getElementById("mnav-emtUl");
    var width = x.offsetWidth;
alert(width);
}

这会返回屏幕的整个宽度，虽然在Google Chrome中它表示200px ......

Answer 1

如果您未设置width，则会将其作为width=100%继承。所以这绝对是正确的。为您设置display:inline-block;面包圈导航，它将返回实际尺寸。

Answer 2

<p id="demo">Click the button to display this window's height and width (NOT including toolbars and scrollbars).</p>

<button onclick="myFunction()">Try it</button>


function myFunction()
{
var w = window.innerWidth;
var h = window.innerHeight;
x = document.getElementById("demo");
x.innerHTML="Width: " + w + " Heigth: " + h;
}

当尺寸变得太大时，隐藏div元素

2 个答案: