
css3
Rkeke
生命不息,学习不止
展开
-
文章超出显示省略号
超出一行 overflow:hidden; text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 超出两行 overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; //将对象作为弹性伸缩盒子模型显示。 -webkit-box-orient: vertical; //从原创 2021-12-27 16:58:29 · 180 阅读 · 0 评论 -
移动端手写滚动条时,隐藏默认滚动条
::-webkit-scrollbar { width: 0px; } ::-webkit-scrollbar { display: none; }原创 2021-11-11 12:10:50 · 219 阅读 · 0 评论 -
网页不满屏时,让footer固定在底部,网页满屏时,随高度走
底部高度固定 第一种方式: position定位: footer{ width:100%; height:2.26rem; background:url(../images/footer.jpg)no-repeat center; background-size: cover; position: absolute; bottom: 0; left: 0; right: 0; } html { position: relative; min-height: 100%;原创 2020-11-19 10:51:00 · 452 阅读 · 0 评论 -
swiper 滑动移动端闪屏问题
给闪动的模块加样式: transform: translate3d(0, 0, 0);原创 2020-11-12 15:53:01 · 1739 阅读 · 1 评论 -
transform:scale()兼容
transform:scale(0.75);// -webkit-transform:scale(0.75);//for Chrome || Safari -moz-transform:scale(0.75);//for Firefox -ms-transform:scale(0.75);//for IE -o-transform:scale(0.75);/...原创 2019-07-18 10:55:06 · 2765 阅读 · 0 评论 -
大部分页面会用到的重置样式 reset.css 总结
css reset 总结reset图片或a链接点击后会有蓝框清除浮动一般会写的几个重置 reset 一般都是因项目而异,记录一下综合使用 图片或a链接点击后会有蓝框 *{outline:none;} 敲好用哒~~~ 清除浮动 .cf:after { content: " "; display: inline-block; height: 0; clear: both; visibility: hi...原创 2019-09-06 14:06:17 · 298 阅读 · 0 评论