文本溢出：省略號不是一個div工作包含在Chrome

一個div我想擁有的所有文本與即將結束「...」，但它僅適用於內的div：文本溢出：省略號不是一個div工作包含在Chrome

<div>Test test test test test test<div>asdasdasdasdasd</div></div> 

div { 
    border: solid 2px blue; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    width: 40px; 
}

http://jsfiddle.net/JU8Up/

是否有任何解決方案，以便包含在外部div中的文本獲得'...'？

編輯：好像它是一個鍍鉻的問題，但仍低於在回答修復工程

來源

2012-09-26 Nick Russler

我在FF（latest）中看到了外部以及內部文本的省略號。你正在測試哪個瀏覽器？ – techfoobar

我在FF中看到省略號，但只在Chrome的內部顯示省略號。 –

對我使用鉻，編輯文章 –

它通過添加float: left;的DIV + CSS，但沒有任何進一步的情況下，我不能什麼副作用評論可能會影響您的實施。

Example here。

來源

2012-09-26 12:32:16

第一次看到這個屬性，只是好奇，它有用嗎？ – freebird

哪個屬性，float：left'？或'文字溢出：省略號'？ –

文本溢出：省略號 – freebird

看看這個鏈接。它可能會幫助你。
http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_text-overflow

來源

2012-09-26 12:33:55

[W3Schools不是一個值得信賴的來源]（http：//（JSFiddle）（http://jsfiddle.net/）要好得多，對於一般文檔和學習，我推薦[Mozilla開發者網絡]（https：//jsfiddle.net/） //developer.mozilla.org/en-US/）。 –

好的。但是我從w3school學到了很多基礎知識。 –

文本溢出：省略號不是一個div工作包含在Chrome

回答

相關問題