仅在表格单元格中显示一行文字

Question

我发现了几种CSS解决方案，以便在文本内容占用多行的元素中仅显示一行文本。但是，当元素是表格单元格时，它们似乎不起作用。在表格单元中实现这种限制是不可能的？

Answer 1

您可以使用的max-width:和white-space: nowrap;组合做到这一点：JS Fidle

HTML

<table> 
    <tr> 
     <td>content content and a bunch of other stuff.</td> 
    </tr> 
</table> 

CSS

td { 
    max-width: 120px; 
    white-space: nowrap; 
    background: #000; 
    color: white; 
} 

Answer 2

您应该使用属性white-space：nowrap;

如果你愿意，可以看看这里的更多信息

http://www.w3schools.com/cssref/pr_text_white-space.asp

Answer 3

你可以使用：

td { 
    white-space: nowrap; 
    overflow: hidden; 
    width: 50px; /* if you'd like the with set' */ 
} 

这限制了它只能使用一个文本行。如果你也想忽略BR标签：

td br{ 
    line-height: 0px; 
    display:none; 
}