经典css 【合集】

经典css【合集】

1.文本超出盒子显示省略号【文本只有一行】

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

2.文本超出盒子显示省略号【文本有多行】

overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;

3.文字间距

letter-spacing:5px;			//文字间距为5px

4.设置盒子被点击时盒子内的文字不能被选中

-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;