https://www.jianshu.com/p/4e88651fa015
渐变色
background-image: linear-gradient(to right, #a6c1ee, rgb(255, 163, 58));
span标签换行
.answer-welcome-checkbox {
width: 100%;
word-break: normal;
display: block;
word-wrap: break-word;
overflow: hidden;
}
calc计算属性
width: calc(100% - 400px);
展开动画和其他动画
主要用到两个CSS
animation和transition
超出两行显示省略号
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
网友评论