CSS：限制元素为1行

我想限制一个元素显示只有一行文本，其余隐藏（溢出：隐藏），没有设置一个特定的高度。 这是可能的只是CSS？

Answer 1

有可能的：

element (white-space: nowrap; overflow: scroll;) 

被parsing为HTML或XML的文本被标记化，这意味着所有的空白运行都被折叠为一个空格字符。 这意味着你将只有一行文本，除非你指定了可能导致文本换行的溢出声明以外的内容。

编辑：我没有包括必要的写入空间：nowrap属性，否则默认是一个容器将垂直滚动反对水平。

Answer 2

 p#foo { white-space:nowrap; overflow:hidden; } 

Answer 3

如果你正在寻找禁用文字环绕，使用white-space: nowrap; 。

Answer 4

使用显示块，所以它不会超出你的父母元素。

 p#foo{ white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; }