text-overflow：ellipsis;不截断溢出的文本，并给出省略号

Question

我想强制在一个小格子的段落都是一行，没有换行，当他们溢出的div被省略与截断。

我得到了与white-space:nowrap;无包装工作，但即使我已经将文本溢出设置为省略号，文本仍然溢出在div上。

我在做什么错？

它不应该被支持，因为，令人惊讶的是，这两个css3属性都得到了广泛的支持。

这里是一个JS拨弄问题：http://jsfiddle.net/4C7CW/

Answer 1

文本溢出

文本溢出声明允许你处理裁剪文字：即文本不适合其框。

文本溢出发挥作用，只有当：

• 盒具有比可见光其他溢出（溢出：可见的文本只是流出箱）
• 盒子有白色的空间： nowrap或类似的方法来限制文本的布局方式。 （没有这一点，该文本将换到下一行）

所以......

#card 
{ 
    width:200px; 
    background:red; 
    color:#000000; 
    font-size:16px; 
} 

#card p 
{ 
    -o-text-overflow:ellipsis; 
    text-overflow:ellipsis; 
    white-space:nowrap; 
    overflow:hidden; 
} 

http://jsfiddle.net/4C7CW/3/