文本溢出问题:省略号

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>添加样式，但没有成功。我尝试过使用文本溢出：只使用省略号——它不起作用。我尝试过使用文本溢出：clip——它不起作用。很明显，我在某个地方犯了一个错误，但我想这太明显了，我看不出来。救命！

Answer 1

http://www.quirksmode.org/css/contents.html说："只有当一个盒子有white-space: nowrap和overflow而不是visible时，这个属性才有意义。"

请注意，text-overflow不在CSS3规范中。

此外，ellipsis-word似乎没有被实现。这种风格适合我（Win/FFirefox和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;
}