1. 塌陷现象(子元素设置margin-top, 父元素会塌陷) 下面例子，此时子元素其实和父元素的距离是0，离父元素的兄弟节点才是100px 触发父元素的bfc, overflow: hidden, border : 解决方案1：父元素设置透明的 border: 1px solid transpa ...
分类：
Web程序 时间：
2020-04-02 22:40:00
阅读次数：
93
css盒模型是网页布局中不可或缺的部分，以下是对css盒模型简要介绍的思维导图： 注：margin常出现的bug： a：当父元素和子元素都没有设置浮动的情况下，如果给第一个子元素添加margin-top 会错误的把margin-top加在父元素上 b：上下相邻两个元素之间的margin值，不会叠加， ...
分类：
Web程序 时间：
2020-04-01 01:21:47
阅读次数：
319
2020-03-31 react中的ref的3种方式 react中ref的3种绑定方式 方式1: string类型绑定 类似于vue中的ref绑定方式，可以通过this.refs.绑定的ref的名字获取到节点dom 注意的是 这种方式已经不被最新版的react推荐使用，有可能会在未来版本中遗弃 方式 ...
分类：
其他好文 时间：
2020-03-31 14:04:23
阅读次数：
345
问题：当进行模糊查询的时候，如果在page=3页，那么进行模糊查询后不会回到第一页，通过:current-page.sync="currentPage"设计即可 <el-pagination style="text-align:right;margin-top:10px;" background : ...
分类：
其他好文 时间：
2020-03-16 13:09:13
阅读次数：
205
在这次的项目中图表显示的部分比较多，这边给分享下用到的图表的数据刷新 饼图最后的效果 先看下 前端部分 <div div style="height: 40%; width: 17.5%; background-color: white; margin-top: 20px; float: left; ...
分类：
其他好文 时间：
2020-03-16 12:40:16
阅读次数：
130
（1）知道子元素的宽高 <!--父元素相对定位--> <!--子元素绝对定位--> .child{ position:absolute; top:50%; left:50%; margin-left:-50px; margin-top:-50px; } （2）不考虑子元素的宽高 <!--父元素不能有 ...
分类：
Web程序 时间：
2020-03-12 14:08:21
阅读次数：
98
1. padding/margin的百分比实现 padding-top/bottom，margin-top/bottom都是基于父元素的宽度为参照的，可以实现高宽比固定的盒子 .box{ width: 50%; padding-bottom: 30%; } 就实现了高宽比为3:5的盒子 然后设定im ...
分类：
其他好文 时间：
2020-03-10 11:48:48
阅读次数：
51
<view class="cu-form-group margin-top"> <view class="title">传感器</view> <picker mode="multiSelector" @change="MultiChange" @columnchange="MultiColumnCh ...
分类：
其他好文 时间：
2020-03-05 13:36:03
阅读次数：
347
如何通过absoulue与relative配合把一个盒子或者是把2个div块同时放到页面中央部分？定位完成后为什么又需要margin-left与margin-top各往回走50%的长度，别忘记用z-index定位高度，请看下面代码展示: ...
分类：
其他好文 时间：
2020-02-22 22:00:44
阅读次数：
69
什么是盒子模型？ 大家好，我是逆战班的一员，今天我来给大家分享一下关于盒模型的知识。 盒子模型由通俗的来说就是： 宽=左右外间距+左右边框+左右内间距 高=上下外间距+上下边框+上下内间距 盒子模型有哪些属性？ margin外边距，可以是正值也可以是负值。 margin-top上外边距 margin ...
分类：
其他好文 时间：
2020-02-22 18:32:23
阅读次数：
74
