最近做项目时,遇到了一个需求:要求div里文本在两行显示,div的宽度是固定的,如果溢出的话就显示省略号。单行文本的溢出问题,我们都很熟悉,只要添加以下css属性就ok: overflow: hidden; white-space: nowrap; //段落中文本不换行 text-overflow: ...
分类:
Web程序 时间:
2020-05-31 13:08:54
阅读次数:
92
问题描述:一个内嵌IOSAPP的H5页面,长页面,大概1.6个屏幕高度,由于有列表滑动起来很不流畅,所以用了-webit-overflow-scrolling:touch;这个只针对ios端的物理滚动属性来调整,但是滚动流畅实现了,部分区域因为加了这个属性出现滑动白屏情况。原有的html结构也还在就 ...
分类:
移动开发 时间:
2020-05-31 12:40:18
阅读次数:
84
一行时,超出长度的部分变为省略号 .text-hidden { width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 注:通过width来控制字符串长度 多行时,在第n行超出的部分变为省略号 .text ...
分类:
Web程序 时间:
2020-05-30 20:05:06
阅读次数:
209
HTTP 虽然有诸多的优点,但是在协议定义时因为诸多的博弈和限制,还是隐藏了不少暗坑,让人一不小心就会陷入其中。本文总结了 HTTP 规范中常见的几个暗坑,希望大家开发中有意识的规避它们,提升开发体验。 ...
分类:
Web程序 时间:
2020-05-28 13:29:15
阅读次数:
79
1,根节点(html,body)overflow属性会遮盖fixed定位元素 2,fixed元素点击时会弹出底部的菜单,应该是浏览器特性(safari) 3,fixed元素使用后,在body里面使用padding-bottom以占位,如果放入其他元素中,最好也占位,避免IOS滑动特性遮盖元素 4,i ...
分类:
其他好文 时间:
2020-05-27 20:42:10
阅读次数:
60
实现样式 准备工作,先实现 树状组件的基本样式 <span style="height:500px; display:block; overflow-y:auto;" class="mytree"> <el-tree :data="data" show-checkbox node-key="id" ...
分类:
其他好文 时间:
2020-05-26 20:05:06
阅读次数:
76
1.解决滑动卡顿/不流畅/掉帧```-webkit-overflow-scrolling: touch;``` 2.禁止input弹出键盘```<input type="text" onfocus='this.blur();'/>``` 3.禁止长按保存图片```img{ pointer-event ...
分类:
移动开发 时间:
2020-05-26 15:30:38
阅读次数:
101
可能是子元素没有撑开父元素 用better-scroll的话可能在元素还没有生成的时候,new BScroll(el) 没有找到目标节点 如果pc可以移动端不可以那就试试监听滚动内容区的touchmove事件并阻止事件冒泡 let popContent = this.$refs.bscroll; p ...
分类:
移动开发 时间:
2020-05-26 12:45:19
阅读次数:
301
let appSwiper = new Swiper ('.applet-swiper-container', { direction: 'horizontal', // 垂直切换选项 loop: true, // 循环模式选项 autoplay: true, }); autoplay:true 默 ...
分类:
其他好文 时间:
2020-05-25 16:03:44
阅读次数:
635
flutter的高斯模糊其实是一个模糊化处理的Container元素块 定位在图片的上层 ClipRRect( //切割很重要 child: Stack( overflow: Overflow.clip, alignment: Alignment.center, children: <Widget> ...
分类:
其他好文 时间:
2020-05-24 19:19:14
阅读次数:
70