文本溢出问题：省略号

Question

我遇到了文本溢出问题：省略号 - 它不想与我的网站一起工作。我目前正在学习，我有这个项目，我有div的文本与固定的高度。我尝试了文本溢出：省略号，但我似乎无法使其工作。现在，我的代码去如下：

<section class="comments"> 
    <p> 
     Here is a short comment. 
    </p> 

我的CSS是：

.comments p { 
    height: 40px; 
    text-align: justify; 
    text-overflow: ellipsis-word; 
    line-height: 20px; 
    word-wrap: break-word; 
    overflow: hidden; 
} 

它应该工作，但事实并非如此。我试图用Firefox，Chrome，Opera和IE9来打开它，它并不适用于它们。我试图在包含文本的<p>中添加样式，但它没有帮助。我试图将<p>更改为<div>，然后尝试将样式放到<div>但它不起作用。我尝试使用文本溢出：仅省略号 - 它不起作用。我尝试了文本溢出：剪辑 - 它没有工作。很明显，我在某个地方犯了一个错误，但我想这对我来说太明显了。帮帮我！

Answer 1

http://www.quirksmode.org/css/contents.html说，“这个属性只有在盒子有white-space: nowrap和overflow而不是visible时才有意义。”请注意0​​不在CSS3 spec中。

此外，ellipsis-word似乎并未实施。这种风格适用于我（Win/Firefox和Chrome）：

.comments p { 
    height: 60px; 
    text-align: justify; 
    text-overflow: ellipsis; 
    line-height: 20px; 
    word-wrap: break-word; 
    white-space: nowrap; 
    overflow: hidden; 
    border: 1px solid #000000; 
}