单行文本溢出时的省略号处理
常见的出现在新闻列表中:
一般只有单行文本溢出才做省略处理
CSS语句:
1、white-space: 以下属性值:
pre:将文本按照预文本的格式输出
pre-wrap: 预文本且根据宽度自动换行
pre-line:和默认的也要
nowrap: 不让文本换行(常用)
inherit:继承父元素的值
2、**溢出overflow属性值:
auto:自动,内容超出时有滚动条,不超出时,无滚动条
scroll:滚动,无论是否超出,都添加滚动条;
hidden:隐藏,溢出时隐藏!----->overflow-x:hidden; overflow-y:hidden
控制单行文本,溢出 时的省略号显示:
white-space:nowrap; 不换行
overflow:hidden;
前提容器要有宽度
3、text-overflow:ellipsis 显示省略号 clip不显示省略号