CSS：如何阻止文本占用超过1行？

有没有一个单词包装或任何其他属性，停止从包装文本？ 我有一个高度， overflow:hidden ，文本仍然打破。

需要在CSS3之前的所有浏览器中工作。

Answer 1

 <div>test that doesn't wrap</div> <style type="text/css"> div { white-space: nowrap; overflow: hidden; } </style> 

注意：这只适用于块元素。 如果您需要对表格单元格执行此操作（例如），则需要将表格单元格放在表格单元格中，因为表格单元格的显示表格单元格不会阻止。

从CSS3开始，这也支持表格单元格。

Answer 2

你可以使用CSS white-space Property来实现这一点。

 white-space: nowrap 

Answer 3

使用省略号将最后添加…。

  <style type="text/css"> div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } </style> 

Answer 4

有时候使用  而不是空间将工作。 显然它有缺点，但。