带省略号的单行td

Question

我试图截断表格单元格中包含的一些HTML。我正在尝试做的事情的链接是http://jsfiddle.net/rBthS/1459/ 表的HTML很简单......

<table>
 <tr><td>
   <p>Something is great</p>
   <p>Something else is great</p>
   <p>And finally everything is great</p></p></td>
 </tr></table>

我想只显示文本的第一行，后面跟一个表示溢出的省略号，即Something is ...... 然而，由于段落它出现多行而没有任何省略号。 即       有点......       东西......       最后是......

我需要保留所有HTML格式，即

标记。 我使用的CSS如下所示，适用于没有段落的文本

td
{
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid red;
}

Answer 1

您需要做的就是将段落标记设置为内联，如下所示：

p {
    display: inline;
}

如果我理解正确，那应该与你解释的完全一致。