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时，此属性才有意义。”

请注意，text-overflow不在ellipsis-word。

此外，.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; }似乎没有实施。这种风格适合我（Win / Firefox和Chrome）：

{{1}}

文本溢出问题：省略号

1 个答案: