常用的css

1、单行省略

 

.mui-ellipsis {

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis

}

 

2、多行省略（2行有数字的地方就写2，以此类推）

.mui-ellipsis-2 {

display: -webkit-box;

overflow: hidden;

white-space: normal!important;

text-overflow: ellipsis;

word-wrap: break-word;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical

}

 

3、文字左对齐，右对齐，居中对齐

.t_left {

text-align: left;

}

.t_right {

text-align: right;

}

.t_center {

text-align: center;

}

 

4、左浮动，右浮动，清除浮动

.left {

float: left;

}

.right {

float: right;

}

.clear {

clear: both;

}

 

5、块状元素（砖头），内联元素（水），块状-内联（像砖头一样的水）

.block {

display: block;

}

 

.inline {

display: inline;

}

.none {

display: none;

}

.in-block {

display: inline-block;

zoom: 1;

}