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; } 
  • 哪些浏览器支持数据URI以及哪些版本?
  • 什么是最简单的方法来删除<fieldset>边界线?
  • 如何实现谷歌类似于build议的input字段?
  • 在CSS中,多个类中的逗号和空格是什么意思?
  • 应该避免直接描述附加样式的类似'floatleft'的类名?
  • CSS:顶部和边缘
  • React Native中的绝对和Flexbox
  • 更改引导工具提示颜色
  • 禁用视口缩放iOS 10+的Safari浏览器?
  • Google Chrome扩展程序 - 无法使用CSS加载本地图片
  • 如何使一个div 100%的页面(不是屏幕)的高度?