溢出隱藏不能在容器div上工作

我已經包含了我所知道的所有內容，溢出隱藏，單詞換行，高度，寬度，最大寬度，但長句子仍然溢出容器。溢出隱藏不能在容器div上工作

這裏是一個的jsfiddle>http://jsfiddle.net/acrane/2nhzmx1o/

下面

是div文本溢出的的CSS。它是彈出的導航懸停的一部分。

.nav-info, .nav-info-fixed { 
width: 100%; 
position: absolute; 
top: 0%; 
background-color: #fff; 
border-radius: 10px; 
z-index: 1000; 
height:100%; 
overflow: hidden; 
word-wrap: break-word; 
margin: 0 0 10px 0; 
background-color: rgba(255,255,255,.8); 
color: #000; 
}

修訂編輯 我不想使用省略號，我想我的話來包裝，解決方案和鏈接jsfiddles是公認的答案下面的評論。

來源

2014-09-19 acrane

你沒有溢出問題。如果將文本溢出設置爲省略號，您將看到文本正確裁剪。只有這樣的事實，即你的容器沒有與邊界圓的組合，這就是爲什麼這看起來像一個問題。

檢查this爲了更好的一般理解

來源

2014-09-19 13:19:09 riddy

你說得對，省略號按預期工作。我添加了填充到我的jsfiddle> [鏈接]（http://jsfiddle.net/acrane/2nhzmx1o/17/），但我不想省略號，我希望單詞像其他每個div一樣下到下一行。 – acrane 2014-09-19 13:47:05

所以你想要它被包裹？比你需要空白：正常，見 http://jsfiddle.net/zwfyr2w0/ – riddy 2014-09-19 13:53:52

哦，完美！謝謝。這就是它。我從來沒有真正使用空格，我必須閱讀它。謝謝。如何查看附帶此評論的正確答案？ – acrane 2014-09-19 14:09:59

溢出隱藏不能在容器div上工作

回答

相關問題