css常用
关注
分享
扫一扫
singlever
前路漫漫，发际线堪忧，大佬尤其多，何时能入围，c要学，node要进阶，英语不敌小学生，日语五十音未记牢，Python刚入门，canvas 3d摸着点边，webgl才听闻，http TCP/ip，数据结构与算法，此路何时休。待到而立之年时，冷风吹头凉飕飕
展开
-
css图片自适应容器大小 完整展示
<div class="container"> <img src=""/> </div> .container{ width:400px; height:400px; } img{ width:100%; height:100%; object-fit:contain } 图片设置宽高百分百，object-fit为contain即可原创 2021-09-16 15:38:56 · 597 阅读 · 0 评论 -
css去掉滚动条
1.单独去掉，选择器选中需要去掉的节点 <div id="scroll">123</div> #scroll::-webkit-scrollbar{ display: none; } 2.去掉所有的滚动条 *::-webkit-scrollbar{ display: none; }原创 2020-05-15 14:05:53 · 596 阅读 · 0 评论 -
css 真正意义上达到height:100%，自适应屏幕高度
最近发现了个用绝对布局写自适应屏幕的写法，让我觉得，之前小程序傻傻读屏幕高再给背景view赋值min-height的写法简直太傻了毕竟能用css解决的问题最好就不要js .shi{ position: absolute; top: 0px; bottom: 0; left: 0; width: 20%; background-color: black; } 效果 可以通过top给上面留白 .shi{ position: absolute原创 2020-05-11 11:43:55 · 1670 阅读 · 0 评论 -
css 画三角形 直角三角形 等腰三角形 等边三角形 逐渐深入了解border
1.一个简单的有border的div模型 .kuai{ width: 100rpx; height: 100rpx; border-width: 100rpx 100rpx 100rpx 100rpx; border-style: solid; border-color: red green black blue; } 2.当宽高为零时，bor...原创 2020-05-08 11:30:43 · 714 阅读 · 0 评论 -
div垂直居中
惭愧学前端这么久了，一直没有正视这个问题，一直使用固定的absolute+top，来让一个元素大概居中， 更详细的使用clientHeight来读取视窗高度再除以二减去元素的高的二分之一来解决问题 例: xxx在absolute或者relative的情况下 $(‘xxx’).style.top = document.documentElement.clienHeight / 2 - $(‘xxx’...原创 2019-10-18 10:21:52 · 161 阅读 · 0 评论