文本換行中的div用省略號（+浮動DIV的下降包裝）

Question

好被敲我的頭靠在辦公桌一段時間與這一個..要實現以下

1）頭（NAV）應該是沒有包裝一行（包括資產淨值回，導航，標題& NAV-NEXT）

2）當你縮小窗口導航，標題應該收縮，當窗口不允許的能力來顯示所有的文本應該用省略號（例如'這太遠了..'）

這是我工作的內容：

<div class="nav"> 
<div class="nav-back"><</div> 
<div class="nav-title"> 
    <div class="nav-main-title">Want this no-wrap with ellipses</div> 
    <div id="default-page-sub-title" class="nav-sub-title">Same here</div> 
</div> 
<div class="nav-next">></div> 

與styling on jsfiddle

Answer 1

你申請的省略號溢出性的.nav容器，而不是標題。

JSFiddle

CSS

.nav .nav-main-title, .nav .nav-sub-title { 
    white-space:nowrap; 
    overflow:hidden; 
    text-overflow:ellipsis; 
    width: inherit; 
}