实现溢出隐藏 css

我们可以在设定宽高的div中使用overflow：hidden来对div内容隐藏。(overflow是overflow-x,overflow-y的缩写)

对文本溢出的操作
1.单行溢出隐藏 并显示省略号（要设定width）

div{
   width: 150px;
   white-space: nowrap;
    overflow: hidden;
   text-overflow: ellipsis;
}

2.多行溢出隐藏 ( -webkit-line-clam 显示行数)

div{
	width: 150px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}