CSS的属性

75 阅读1分钟

1.字符之间的间距

letter-spacing:; //取值可取正负

2.行高

line-height:;
设置一行文字的高度  当行高 = 高 ——> 一行文字垂直居中
取值 px number

3.元素的透明度

opacity:;  //取值0-1  0完全透明  1不透明

4.内容溢出

overflow:;
取值:
visible  默认值,内容直接溢出
hidden   溢出部分隐藏掉
      元素加overflow:hidden;后,开启BFC(独立格式上下文)格式,跟子元素没有关系
auto      自动,如果内容溢出,显示滚动条,如果内容不溢出,不显示滚动条
scroll    不管是否溢出都显示滚动条

5.一行文字溢出省略号表示

//文字同一行显示
white-space:nowrap;
//内容溢出隐藏
overflow:hidden;
//文本溢出省略号表示
text-overflow:ellipsis;

6.多行文字溢出省略号表示

display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
//显示4行
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;

7.垂直对齐方式

verticle-align:middle;