layer的icon样式
layer.msg弹出会关闭layer.open弹出的窗口问题
解决方法：给 layer.open 加个 type:1
就是说是几层就加几就可以;
type - 基本层类型
类型：Number，默认：0
layer提供了5种层类型。可传入的值有：
0（信息框，默认）
1（页面层）
2（iframe层）
3（加载层）
4（tips层）。
若你采用layer.open({type: 1})方式调用，则type为必填项（信息框除外）
...
Css，解决文字与图片对齐的问题
CSS多行文本溢出显示省略号(…)全攻略
大家应该都知道用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性。
但是这个属性并不支持多行文本溢出显示省略号，这里根据应用场景介绍几个方法来实现这样的效果。WebKit浏览器或移动端的页面在WebKit浏览器或移动端（绝大部分是WebKit内核的浏览器）的页面实现 ...
HTML DOM addEventListener() 方法
为 元素添加点击事件。 当用户点击按钮时，在 id="demo" 的 元素上输出 "Hello World" :
定义和用法
addEventListener() 方法用于向指定元素添加事件句柄。
提示： 使用 removeEventListener() 方法来移除 addEventListener() 方法添加的事件句柄。
element.addEventListener(event, function, useCapture)
event ...
CSS Grid 网格布局教程(5参考文献)
[*]A Complete Guide to Grid, by Chris House
[*]Understanding the CSS Grid Layout Module, by Ian Yates
[*]How to Build an Off-Canvas Navigation With CSS Grid, Ian Yates
[*]Introduction to the CSS Grid Layout With Examples, Dogacan Bilgili
[*]Learn CSS Grid, Jonathan Suh
[*]How I stopped using Bootst ...
CSS Grid 网格布局教程(4元素属性:设定元素在单元格内位置)
4.4 justify-self 属性，align-self 属性，place-self 属性
justify-self属性设置单元格内容的水平位置（左中右），跟justify-items属性的用法完全一致，但只作用于单个项目。
align-self属性设置单元格内容的垂直位置（上中下），跟align-items属性的用法完全一致，也是只作用于单个项目。
这两个属性都可以取下面四个 ...
CSS Grid 网格布局教程(4元素属性: grid-area 属性)
4.3 grid-area 属性
grid-area属性指定项目放在哪一个区域。
grid 中的区域是由左到右由上到下按照字母排列的;
上面代码中，1号项目位于e区域，效果如下图。
grid-area属性还可用作grid-row-start、grid-column-start、grid-row-end、grid-column-end的合并简写形式，直接指定项目的位置。
下面是一个例子。
...
CSS Grid 网格布局教程(4元素属性: grid-column 属性，grid-row 属性)
4.2 grid-column 属性，grid-row 属性
grid-column属性是grid-column-start和grid-column-end的合并简写形式，grid-row属性是grid-row-start属性和grid-row-end的合并简写形式。
下面是一个例子。
上面代码中，项目item-1占据第一行，从第一根列线到第三根列线。
这两个属性之中，也可以使用span关键字，表示跨越多 ...
CSS Grid 网格布局教程(4元素属性: 指定元素网格线)
4.1 grid-column-start 属性，grid-column-end 属性，grid-row-start 属性，grid-row-end 属性
项目的位置是可以指定的，具体方法就是指定项目的四个边框，分别定位在哪根网格线。
上面代码指定，1号项目的左边框是第二根垂直网格线，右边框是第四根垂直网格线。
上图中，只指定了1号项目的左右边框，没有指定上下 ...
CSS Grid 网格布局教程(3容器属性: grid-template 属性，grid 属性)
3.9 grid-template 属性，grid 属性
grid-template属性是grid-template-columns、grid-template-rows和grid-template-areas这三个属性的合并简写形式。
grid属性是grid-template-rows、grid-template-columns、grid-template-areas、 grid-auto-rows、grid-auto-columns、grid-auto-flow这六个属性的合并简写形式。
从易 ...
CSS Grid 网格布局教程(3容器属性:grid-auto-columns 属性，grid-auto-rows 属性)
3.8 grid-auto-columns 属性，grid-auto-rows 属性
有时候，一些项目的指定位置，在现有网格的外部。比如网格只有3列，但是某一个项目指定在第5行。这时，浏览器会自动生成多余的网格，以便放置项目。
grid-auto-columns属性和grid-auto-rows属性用来设置，浏览器自动创建的多余网格的列宽和行高。它们的写法与grid-templ ...
CSS Grid 网格布局教程(3容器属性:整个布局的对齐方式)
3.7 justify-content 属性，align-content 属性，place-content 属性
justify-content属性是整个内容区域在容器里面的水平位置（左中右），align-content属性是整个内容区域的垂直位置（上中下）。
这两个属性的写法完全相同，都可以取下面这些值。（下面的图都以justify-content属性为例，align-content属性的图完全一 ...
CSS Grid 网格布局教程(3容器属性:单元格对齐模式)
3.6 justify-items 属性，align-items 属性，place-items 属性
justify-items属性设置单元格内容的水平位置（左中右），align-items属性设置单元格内容的垂直位置（上中下）。
这两个属性的写法完全相同，都可以取下面这些值。
start：对齐单元格的起始边缘。
end：对齐单元格的结束边缘。
center：单元格内部居中。
s ...
CSS Grid 网格布局教程(3容器属性:grid-auto-flow 属性)
3.5 grid-auto-flow 属性
划分网格以后，容器的子元素会按照顺序，自动放置在每一个网格。默认的放置顺序是"先行后列"，即先填满第一行，再开始放入第二行，即下图数字的顺序。
这个顺序由grid-auto-flow属性决定，默认值是row，即"先行后列"。也可以将它设成column，变成"先列后行"。
上面代码设置了column以后， ...
CSS Grid 网格布局教程(3容器属性:grid-template-areas 属性)指定区域
3.4 grid-template-areas 属性
网格布局允许指定"区域"（area），一个区域由单个或多个单元格组成。grid-template-areas属性用于定义区域。
上面代码先划分出9个单元格，然后将其定名为a到i的九个区域，分别对应这九个单元格。
多个单元格合并成一个区域的写法如下。
上面代码将9个单元格分成a、b、c三个区域。
...
CSS Grid 网格布局教程(3容器属性:定义行和列的间距)
3.3 grid-row-gap 属性，grid-column-gap 属性，grid-gap 属性
grid-row-gap属性设置行与行的间隔（行间距），grid-column-gap属性设置列与列的间隔（列间距）。
上面代码中，grid-row-gap用于设置行间距，grid-column-gap用于设置列间距。
grid-gap属性是grid-column-gap和grid-row-gap的合并简写形式，语法如下。
...
CSS Grid 网格布局教程(3容器属性:定义行和列)
3.2 grid-template-columns 属性，grid-template-rows 属性
容器指定了网格布局以后，接着就要划分行和列。grid-template-columns属性定义每一列的列宽，grid-template-rows属性定义每一行的行高。
上面代码指定了一个三行三列的网格，列宽和行高都是100px。
除了使用绝对单位，也可以使用百分比。
.container {
...
js+Html5捕鱼达人源码下载
https://www.jq22.com/jquery-info7621
background属性怎么添加2个或多个背景图
最近遇到一个需求，下面充值金额按钮是一个背景图，点击之后显示的状态也是一个背景图，如下图
注意 : 在上层的图片显示在上面 ， 下层的显示在下面；
在html / body上的高度100％在iPhone上不工作
这段代码在部分苹果手机中不生效不知道为什么;
有些大神推荐使用
但是这个玩意会被浏览器的高度占据 , 导致高度超出屏幕 , 其实并不实用;
他不是有效可视化高度;
这里其实也没啥好的办法 , 很多人用了JS直接获取赋值;
所以我也用了;
...
js动态设置元素高度
这个代码为啥不成功 , 输出一下你便知;
因为后面没有单位PX 只有数字;
应该改为
关于js跳转时url中出现&
大家好，，刚刚做项目时遇到个问题，不知道怎么解决，希望大家能帮忙一下
我使用
有encodeURI 和没有encodeURI 都是出现下面的情况
这种问题是内核转义的结果
只要吧双引号 改为单引号就TM没有问题了!
css如何设置图片不可拖动
取值：auto：使用默认的拖拽行为，这种情况只有图片和链接可以被拖拽。element：整个元素而非它的内容可拖拽。none：元素不能被拖动。在通过选中后可拖拽。
在移动前端上避免使用100vh单位
CSS中的视口单位听起来很棒。 如果要设置元素的样式以占据整个屏幕的高度，则可以设置height: 100vh，您拥有一个完美的全屏元素，该元素会随着视口的变化而调整大小！ 可悲的是，事实并非如此。 100vh在移动浏览器中以微妙但基本的方式被破坏，这使其几乎无用。 最好避免100vh ，而是依靠javascript设置高度以获得完整的视 ...
js实现点击按钮复制文本功能
最近遇到一个需求，需要点击按钮，复制 标签中的文本到剪切板
之前做过复制输入框的内容，原以为差不多，结果发现根本行不通
尝试了各种办法，最后使了个障眼法，实现了下面的效果
一、原理分析
浏览器提供了 copy 命令 ，可以复制选中的内容
如果是输入框，可以通过 select() 方法，选中输入框的文本，然后调用 ...
CSS 文字换行与不换行
1. 强制不换行
2. 自动换行
3. 强制英文单词断行
4. CSS设置不转行：
5. 设置强行换行：
英文不换行
CSS里加上 word-break: break-all; 问题解决。这个问题只有IE才有，在FF下测试,FF可以自己加滚动条，这样也不影响效果
建议大家做Skin时，记得在body里加 word-break: break-all; 这样可以解决IE的框架被 ...
CSS控制图片和文字在同一行显示且对齐的3种方法
在 HTML 代码中，有时会需要在文字旁边加上一个图标。
默认情况，是图片置顶对齐，文字置底对齐，所以通常图片高，文字低，不能水平居中对齐。
常见方法有3种：
1、通过添加css的 “vertical-align:middle;” (给文字/图片添加皆可 , 推荐图片)；
2、如果图片是背景图片，可以在css中设置背景图片；
3、把文字和图片分 ...
纯CSS3边框代码集合
半透明边框
缝边效果
边框内圆角 可用于图标展示
信封边框
注脚效果
动画蚂蚁线
使用layui穿梭框 , 框标题栏不垂直居中的问题解决办法如下
使用layui穿梭框 , 框标题栏不垂直居中的问题解决办法如下
关注公众号
