h5移动开发css

最近刚开始做移动端的开发,接触到很多新的东西,很荣幸(*^__^*) ,

下面我们开始正式介绍最近新接触到的属性啦,一起进步:

1.点击按钮等会产生阴影,可设置这个属性:-webkit-tap-highlight-color: transparent;

2.有的文字只是展示型的 不允许用户选中:user-select:none;

3.还有文字显示不晚要显示省略号的,但是又想显示两行后第二行显示省略号,我们可以这样:

width: 8.625rem;
height: 2.375rem;
line-height: 1.1875rem;
font-size: 0.8125rem;
color: $textColor;
overflow: hidden;
text-overflow: ellipsis;//必须
overflow: hidden;//必须
-webkit-line-clamp: 2;//关键属性
word-break: break-word;//控制单词换行的
display: -webkit-box;//必须
-webkit-box-orient: vertical;//必须

还是蛮复杂的哈,以后还接触到新的会继续更。

原谅我只是个小白菜,欢迎大神指导哦!有说的不对的地方,欢迎纠正!

上一篇:超长干货丨Kubernetes网络快速入门完全指南


下一篇:02-body标签中相关标签-1