欢迎访问响应式个人博客!
男生版
女生版
初遇时,她的微笑,她往日的深情、承诺和傻劲,两个人共度的美丽时刻,一一印在回忆里,今天的感情已经比不上从前,但是我爱着恋着往日的她,舍不得离开!
排行
详情
您当前的位置>首页 > 正文
移动端布局常用技巧
2016-09-05 15:18:00   来源:博主个人总结   评论:0 点击:
移动端布局常用技巧
分享一些移动端常遇到的问题解决方式。
 
 
 
按钮链接背景色去除
 
移动端布局过程中,我们会发现a、button标签会有淡蓝色背景,通过如下方式可以去除:
 
 
a,button{
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
是否选中文字
 
select{
user-select:none;
}
处理文字超出容器 出现省略号
 
单行文本超出 出现省略号
 
 
selector{
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}
超出指定行数的文本 出现省略号
 
-webkit-line-clamp:3 值代表行数,可更改为自己所需行数。
 
 
selector{
text-overflow:ellipsis;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient: vertical;
}

相关热词搜索:布局 常用 技巧

上一篇:javascript中的深拷贝和浅拷贝?
下一篇:最后一页

收藏