时间格式不换行

.p{
white-space:nowrap;
overflow:hidden;
text-overflow: ellipsis;
}

 

场景描述：在条目列表中经常遇到，要求固定高度的一行文本，随着窗口页面的收缩或分辨率的调整，对该文本进行隐藏展示，超过部分采用省略号“...”来表示。

DIV基本原理：三行CSS代码

1、white-space:nowrap;white-space属性表示设置如何处理元素内的空白，nowrap表示文本不会换行，文本会在在同一行上继续，直到遇到标签为止。

2、overflow:hidden;overflow属性表示规定当内容溢出元素框时发生的事情hidden表示内容会被修剪，并且其余内容是不可见的。

3、text-overflow: ellipsis;text-overflow属性表示规定当文本溢出包含元素时发生的事情ellipsis表示显示省略符号来代表被修剪的文本。