css实现单行/多行文本溢出隐藏

css实现单行/多行文本溢出隐藏

单行：

div {
			width: 200px;     					// 设置宽度
            overflow: hidden;					// 超出部分隐藏
            text-overflow: ellipsis;			// 隐藏部分以省略号代替
            white-space: nowrap;				// 强制文本不转行
    }

多行：

div {
			width: 200px;     					// 设置宽度
            overflow: hidden;					// 超出部分隐藏
            text-overflow: ellipsis;			// 隐藏部分以省略号代替
            display: -webkit-box;				// 以弹性伸缩盒子模型显示
            -webkit-box-orient: vertical;		// 子元素垂直排列
            -webkit-line-clamp: 2;				// 设置显示文本的行数
    }