Breadcrumb wrapping

Question

我的頁面上有一個麪包屑導航，因爲用戶沿着一個目錄結構行走，但是我想阻止breadcrumb如果它變得太長並且開始縮短路徑，就會換行到新行。

如果要從

Home/Folder 1/Folder 2 
/File 

到

Home/.../Folder 2/File 

http://jsfiddle.net/6vhhH/4/

其實改變文字是不是真正的問題，當面包屑已結束它的檢測和代碼觸發到當有人調整窗口大小時進行文本替換。

更新：

這裏是我結束了，如果它是利用未來的搜索

http://jsfiddle.net/6vhhH/10/

Answer 1

你可以檢查你的麪包屑的高度時，頁面大小調整：

$(window).resize(function() { 
    if($("#breadcrumb").height() > singleLineValue) { 
     // change 
    } else { 
     // change back 
    } 
}): 

其中'breadcrumb'是圍繞您的麪包屑（導航或div，請隨意）的包裝的ID

Answer 2

這個答案的幫助 - http://jsfiddle.net/moagrius/wN7ah/和一些額外的代碼，我要給你一個解決方案 - http://jsfiddle.net/6vhhH/7/

基本上我已經做了以下內容：

• 作出的麪包屑不換和溢出隱。
• 我在最後添加了1像素點<li>
• 然後腳本檢查該元素是否離開頁面。

單擊窗口以查看結果。