假设，DOM 被设置了 height:20px 和 overflow:hidden，如何计算它的真实高度呢？ 一、问题背景 最近在优化折叠组件，需要在窗口宽度变化的时候重新判断展开收起状态。如果段落高度大于给定高度，则隐藏超高内容，展示【展开】按钮。如果段落高度小于给定高度，则不限制最大高度，隐藏【 ...
分类：
其他好文 时间：
2020-01-18 21:26:39
阅读次数：
86
相同作用 能够对元素进行隐藏 1.空间占据 display: none;不占据空间，所以动态改变此属性时会引起重排。 visibility: hidden元素会被隐藏，但是不会消失，依然占据空间。 opacity=0只是透明度为100%,元素隐藏，依然占据空间。 2.继承性 display:none ...
分类：
其他好文 时间：
2020-01-17 19:05:20
阅读次数：
130
利用来JS控制页面控件显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。 方法一： document.getElementById("EleId").style.visibility="hidden"; document.g ...
分类：
Web程序 时间：
2020-01-17 17:27:06
阅读次数：
90
属性名 类型 描述 注解 hidden Boolean 组件是否显示 所有组件默认显示 data-* Any 自定义属性 组件上触发的事件时，会发送给事件处理函数 bind* / catch* EventHandler 组件的事件 小程序中， 要想实现数据的传输，我们必须先要在data中设置数据，然 ...
分类：
微信 时间：
2020-01-17 16:18:02
阅读次数：
427
1.BFC BFC的英文全称是block formatting context，即格式化上下文，当元素触发BFC时会变成一个独立的环境。这里列举一个触发BFC的方法，在父级元素加入overflow:hidden;其适用场景有：(1)为父级找高(2)子级margin-top将父级一起往下带(3)兄弟级 ...
分类：
Web程序 时间：
2020-01-15 20:05:21
阅读次数：
100
.choice-tag { width: 341px; height: 30px; overflow: hidden; overflow-x: auto; white-space: nowrap; position: relative; z-index: 97; display: inline-bl ...
分类：
其他好文 时间：
2020-01-15 12:01:43
阅读次数：
73
平时比较常用的css样式和技巧 1. 商品价格文本中的一条线，例： div { text-decoration: line-through; } 2. 文本超出溢出显示省略号，例： 单行本文 div { overflow: hidden; text-overflow:ellipsis; white- ...
分类：
Web程序 时间：
2020-01-14 20:33:43
阅读次数：
98
for循环 java中的for循环语句和C语言的for循环语法上是一样的. 语法: for(语句1; 语句2; 语句3){ 循环体 } 解释: 语句1: 一般初始化我们的循环变量. 语句2: 条件判断, 否是继续循环 语句3: 一般做循环变量的改变. 执行流程: 首先执行语句1, 然后判断语句2是否 ...
分类：
其他好文 时间：
2020-01-12 13:30:53
阅读次数：
79
效果图如下 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 2 <HTML> 3 <HEAD> 4 <TITLE> New Document </TITLE> 5 <META NAME="Generator" CONT ...
分类：
其他好文 时间：
2020-01-11 20:27:46
阅读次数：
85
限制2行文字 超出显示省略号 兼容字母和数字 1 .div{ 2 white-space: normal; 3 overflow: hidden; 4 text-overflow: ellipsis; 5 display: -webkit-box; 6 -webkit-line-clamp: 2; ...
分类：
其他好文 时间：
2020-01-10 12:55:40
阅读次数：
94
