CSS:限制元素为1行

我想限制一个元素显示只有一行文本,其余隐藏(溢出:隐藏),没有设置一个特定的高度。 这是可能的只是CSS

4 Solutions collect form web for “CSS:限制元素为1行”

有可能的:

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

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

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

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

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

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

 p#foo{ white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; } 
  • 如何将样式应用于嵌入式SVG?
  • 有没有办法让文本在HTML页面上不可选?
  • 使锚点链接转到它所链接的上面的一些像素
  • 如何删除表中的行和列之间的不需要的空间?
  • 使div填充剩余*水平* flexbox中的空间
  • 摆脱Twitter Bootstrap中的所有圆angular
  • 如何防止滚动条重新定位网页?
  • 如何影响其他元素,当div被徘徊