CSS 文字超出范围显示省略号

需要实现的效果是当文字太多的时候只显示一行或两行,其余文字用…省略号配合tooltip组件去显示的时候可以用css样式这样实现

	white-space: pre-wrap !important;
    overflow: hidden; //超过隐藏
    text-overflow: ellipsis;//设置省略号
    display: -webkit-box;
    -webkit-line-clamp: 2;//设置行数,2显示可以显示2行,超过2行就隐藏
    -webkit-box-orient: vertical;

你可能感兴趣的:(实际开发常见问题,css3,前端,css,开发语言)