- 博客(10)
- 收藏
- 关注
RSS订阅原创 图片自适应居中
图片等比例充满：image标签添加属性object-fit: container;width:100%;height:100%;图片自适应居中: 父标签display:flex;
2021-05-28 09:45:12
194
原创 footer 固定到底部
#container { /*保证footer是相对于container位置绝对定位*/ position: relative; width: 100%; min-height: 100%; /*设置padding-bottom值大于等于f...
2019-10-31 13:23:43
527
原创 vue 入坑出坑
1.如果你yarn 或者npm 安装node-sass失败的话，可以试试npminode-sass--sass_binary_site=https://npm.taobao.org/mirrors/node-sass/2.如果vue-router 跳转到的目标页面swiper套swiper数据量太大，而且用的vuex，可以初始化数据的时候使用settimeout3.webpack...
2019-10-30 11:33:25
143
原创 git 入门
设置用户信息gitconfig--globaluser.name"xxx"gitconfig--globaluser.email"xxx.com"本地挂载到git仓库git initgitremoteaddoriginhttps://xxx/xx.gitgit pull 更新到本地git add . 或者git add 文件名git pu...
2019-10-30 11:31:29
94
原创 css 兄弟选择器
1. ‘+’选择器则表示某元素后相邻的兄弟元素，也就是紧挨着的，是单个的。而‘~’选择器则表示某元素后所有同级的指定元素，强调所有的。
2018-06-11 13:05:22
281
原创 css3盒模型新老版本对比
/*新版弹性盒模型*/display: flex;/*设置主轴方向为水平，元素排列为反序*/flex-direction: row-reverse;/*设置主轴方向为垂直,元素排序为反序*/flex-direction: column-reverse;/*元素在主轴开始位置,富裕空间在主轴 的结束位置*/justify-content: flex-start;/*元
2018-01-15 09:52:45
558
原创 未知大小的图片在div中水平垂直居中（拒绝使用table-cell）
.cjy-img-wrap{ width: 200px; height: 200px; text-align: center; vertical-align: middle; border: 1px solid red; margin: 100px auto;}.cjy-img-wrap p{ width: 100%; heigh
2017-06-01 11:51:55
406
原创 第一行固定，第二行充满屏幕，使用table，兼容ie8以上
在进行布局的时候会遇见这种需求，第一行固定，第二行充满屏幕，而且第二行超出在第二行出现滚动条，并且第二行中有多列，几列之前可以宽度灵活调整，隐藏一列，其他列的宽度要随之变化，在不用js计算的情况下，纯css实现的方式是： divstyle="width:100%;height:100%;position:relative;"> div sty
2017-02-17 15:12:14
1017
1
原创 前端2016
1、在使用第三发插件的时候，非常重要的是，首先要测试兼容性问题。在处理串案历史的时候，历史鱼骨图在火狐浏览器下总是跟其他浏览器下有出处，经过跟踪，原来火狐浏览器是不支持background-position-y,的这种写法，但是其他浏览器的是支持这种写法，的包括IE8，最后采用background-position: X,Y的方式。2、手风琴及图片模板替换的时候会碰到一些问题，比较严重
2017-01-22 11:25:29
276
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人