![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
newbie (⊙o⊙)
这个作者很懒,什么都没留下…
展开
-
关于css的一些使用记录
【代码】关于css的一些使用记录。原创 2023-09-18 09:57:00 · 111 阅读 · 0 评论 -
JavaScript HTML5 dom,图片拖拽上传功能
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box{ display: flex; width: 100%; justify-content: center; margin-top: 300px; align-items: center原创 2022-05-26 18:24:20 · 299 阅读 · 0 评论 -
ios底部白条(安全区处理),让背景能够铺满安全区
标题第一步1.viewport-fit=cover 重点<meta name="viewport"content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui,viewport-fit=cover"/>2.body 设置body { height: 100%; width: 100%; /*overflow-x:hidden原创 2021-12-23 09:43:53 · 3040 阅读 · 0 评论 -
css隐藏滚动条,但使超出部分任然可以滚动
/*长tabs,隐藏滚动条,保留滚动功能*/.weChat-tabs{ height: 40px; display: flex; overflow-x: scroll; background-color: #d4237a; padding: 0 20px; white-space: nowrap;}.weChat-tabs::-webkit-scrollbar { display: none;}...原创 2021-11-11 14:22:37 · 163 阅读 · 0 评论 -
flex-grow 与flex-shink
flex-growflex-grow的作用是灵活的分配父元素的剩余空间给子元素,强调的是父元素的剩余空间每个子元素默认的flex-grow为0,及不划分剩余空间所有子元素的flex-grow的总和表示把父元素的剩余空间分为多少份每个子元素的flex-grow的值:又表示占父元素剩余空间的几份如果flex-grow的值为小数,就是表示占剩余空间的百分比,如果小数小于1,就会有剩余空间没有被分配,会留白。flex-shinkflex-shink:表示超出父元素宽高的部分按照特定比例进行压缩(原创 2021-08-02 14:30:03 · 4044 阅读 · 0 评论 -
css画半圆环
一二:原创 2021-07-13 10:43:29 · 1293 阅读 · 2 评论