文本溢出：省略号不是一个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

回答

相关问题