css3 单行隐藏 |css里后代选择器

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

上述代码中的三个属性分别为：

• overflow:控制超出容器范围的内容如何显示，此处为隐藏。
• text-overflow:控制文本内容溢出容器时如何呈现省略号，此处为省略号代替超过一行的部分。
• white-space:控制文本内容如何进行换行，此处为不进行换行。

使用以上代码时，只需要给需要隐藏的文本加上class=”single-line”即可实现单行隐藏效果。