Html 文本溢出:在Chrome中包含div的div中省略号不起作用

Html 文本溢出:在Chrome中包含div的div中省略号不起作用,html,css,Html,Css,我希望所有文本都以“…”结尾,但它只适用于内部div: div{ 边框:纯色2px蓝色; 空白:nowrap; 溢出:隐藏; 文本溢出:省略号; 宽度:40px; } 测试 asdasdasd 通过添加浮动:左到div CSS,但是没有任何进一步的上下文,我无法评论在您的实现中可能会有哪些副作用 .我在FF(最新版本)中看到了外部文本和内部文本的省略号。你在用哪个浏览器进行测试?我在FF中看到两个浏览器都有省略号,但在Chrome中只看到内部的省略号。对,我在使用Chrome,编辑了这篇文章。

我希望所有文本都以“…”结尾,但它只适用于内部div:

div{
边框:纯色2px蓝色;
空白:nowrap;
溢出:隐藏;
文本溢出:省略号;
宽度:40px;
}
测试
asdasdasd

通过添加
浮动:左到div CSS,但是没有任何进一步的上下文,我无法评论在您的实现中可能会有哪些副作用


.

我在FF(最新版本)中看到了外部文本和内部文本的省略号。你在用哪个浏览器进行测试?我在FF中看到两个浏览器都有省略号,但在Chrome中只看到内部的省略号。对,我在使用Chrome,编辑了这篇文章。我第一次看到这个属性,只是好奇,它有什么用?哪个属性,
float:left
?或者
文本溢出:省略号
?这是一种很好的方法,可以确保单行文本不会在其容器边缘被截断,而是显示一个漂亮的
来表示被截断的内容。请参阅,以了解一些非常酷的、特定于供应商的备选方案。此外,只需将float属性添加到内部div: