當尺寸變得太大時隱藏div元素

Question

我正在構建麪包屑結構並且元素變大。 當面包屑的尺寸大於可用尺寸時，我想隱藏幾個麪包屑。我可以使用哪個命令來檢查div的大小是否大於可用空間。我試圖捕獲一個溢出事件，但這沒有奏效。我的div上的寬度總是返回屏幕的全部大小，雖然當我在鉻調試是說一個較小的值...

任何幫助，非常感謝。

感謝

編輯：

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

這個返回屏幕的整個寬度雖然在谷歌瀏覽器，它說200像素...

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; 
}