用户中心USER CENTER

首页/用户
  • 由一个绝对定位引发overflow:auto滚动问题产生的关于包含块(containing bloc

    摘要:前言今天在项目中有一个需求,就是一个可滚动的列表的每一列鼠标悬浮上去就会产生一个浮动框显示其详细内容。总结还是那句话,如果一个块的包含块在容器内包含容器本身,那么其高度就会触发容器的滚动。 前言 今天在项目中有一个需求,就是一个可滚动的列表的每一列鼠标悬浮上去就会产生一个浮动框显示其详细内容。简化下情景的代码如下: 我是列表项 我是悬浮框 .box { ...

    enali 发布于Css
  • css3实现圆形进度条

    摘要:在开发微信小程序的时候,遇到圆形进度条的需求。但使用和实现进度条就很容易的避免了这方面的问题。如下图最下面的圆形是进度条的背景,在上面有和两个长方形,用来覆盖不要显示的进度条。在两个长方形的里面分别有一个半圆形用来显示进度。 在开发微信小程序的时候,遇到圆形进度条的需求。使用canvas绘图比较麻烦: 1、为了实现在不同屏幕上面的适配,必须动态的计算进度条的大小; 2、在小程序...

    enali 发布于Css
  • css常用代码大全

    摘要:背景颜色透明处理浏览器中的滤镜效果图片垂直居中对齐第一种法第二种法制作小三角兼容固定在底部纯粹的固定在底部用包裹内容很长的和文本这个代码片段通过保证文本的包裹元素宽 Css背景颜色透明 .liter{ filter:progid:DXImageTransform.Microsoft.gradient(enabled=true,startColorstr=#4CDDDDDD, ...

    enali 发布于Css
  • css--全屏布局

    摘要:之前写了几个居中布局的例子,同时也提到了对于页面的全屏布局。列方向进行布局占据剩余区域核心思想就是不对部分设置具体的百分比。 之前写了几个居中布局的例子,同时也提到了对于页面的全屏布局。这里详细总结两种常见的全屏布局的案例,当然,实际上还有像Grid这样的方案,但是因为目前还不稳定,只是作为W3C的一个草案,兼容性自然就差一些,这里没有作深入的探讨。 相信这样的页面布局,我们在很多后台...

    enali 发布于Css
  • ['1', '2', '3'].map(

    摘要:比如参数表示使用我们通常使用的十进制数值系统。始终指定此参数可以消除阅读该代码时的困惑并且保证转换结果可预测。当未指定基数时,不同的实现会产生不同的结果,通常将值默认为。 showImg(https://segmentfault.com/img/bVbvtHZ?w=536&h=116); 为什么是[1,NaN,NaN]而不是[1,2,3]? 首先看下 Array.map()函数在MD...

    enali 发布于JavaScript
<