背景透明文字不透明
background: #ffffff;
background:rgba(255,255,255,.8) none repeat scroll 0 0 !important;
filter:Alpha(opacity=80);
半透明
opacity:0.8;
filter:alpha(opacity=80);
多行文本溢出显示省略号
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
单行文本溢出显示省略号
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
多行文本垂直居中
// scss嵌套写法
p{
width: 100%;
overflow: hidden;
display: table;//必须项
height: 132px;//必须项,有高度才能使其垂直居中
span{
display: table-cell;//必须项,配合父级display,实现div的表格化
vertical-align: middle;//必须项,配合display:table,实现效果
line-height: 25px;//必须项,文字本身的行高
color: #060606;
}
}
字体渐变色
color: #c1ad78;
background: -webkit-linear-gradient(#e4e1b4,#a28044);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;