box-sizing: border-box; height: 40px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit ...
分类：
其他好文 时间：
2019-01-08 19:26:59
阅读次数：
140
转： jquery如何实现点击LI标签和下面的LI互换顺序？ 上面的效果涉及jquery的两个方法： next() ： 获得匹配元素集合中每个元素紧邻的下一个同胞元素。 after() ：在被选元素后插入指定的内容。 next() ： 获得匹配元素集合中每个元素紧邻的下一个同胞元素。 after() ...
分类：
Web程序 时间：
2019-01-08 12:29:24
阅读次数：
200
先说说 box sizing 分 2 个 一个叫 content-box, 一个叫 border-box content-box 是像外发展的 padding 和 border 都在 div 外面. (margin 当然也在外面) border-box 是向内发展的 border 和 padding ...
分类：
其他好文 时间：
2018-12-31 23:46:21
阅读次数：
321
<style> *{ padding: 0; margin: 0; } div{ width: 200px; height: 200px; margin:100px auto; box-sizing: border-box; border: 27px solid red; /*padding: 27 ...
分类：
其他好文 时间：
2018-12-27 03:30:15
阅读次数：
164
前言 今天看视频的时候发现老师用了一个box-sizing，来设置padding不需要改变width和height，看了之后一直不理解什么意思，so，上网查了资料，然后自己再实践了一次，发现了真理。。。。 内容（这是网上复制的内容） box-sizing 属性用于更改用于计算元素宽度和高度的默认的 ...
分类：
其他好文 时间：
2018-12-24 14:31:59
阅读次数：
207
正常盒模型 content-box width和height设置的是content-box padding和border会额外往外填充，不会压缩宽高 但，正常盒模型在布局时并不好用。 一般情况下，我们都会使用 box-sizing：border-box 宽高设置的就是border-box，设置完成后 ...
分类：
其他好文 时间：
2018-12-16 17:09:04
阅读次数：
84
有可能在制作网页的过程中遇到各种美化表单设计，这次我们来试着做一个demo 将input输入框添加内部图标 话不多说，看一下最终效果 我们的思路是，在一个div中，加入一个div和一个input标签，小div在左侧，input放右侧，用box-sizing:border-box，这句代码代表的是这个 ...
分类：
其他好文 时间：
2018-12-08 00:22:49
阅读次数：
742
background-clip：设置元素的背景（背景图或颜色）是否延申到边框下面 属性值： 1、border-box：默认值，从border区域（包含border）开始保留背景； 2、padding-box：从padding区域（包含padding）以内开始保留背景； 3、content-box：从 ...
分类：
Web程序 时间：
2018-12-05 13:51:54
阅读次数：
237
box-sizing 属性可以被用来调整这些表现: content-box 是默认值。如果你设置一个元素的宽为100px，那么这个元素的内容区会有100px宽，并且任何边框和内边距的宽度都会被增加到最后绘制出来的元素宽度中。 border-box 告诉浏览器去理解你设置的边框和内边距的值是包含在wi ...
分类：
其他好文 时间：
2018-12-05 12:36:30
阅读次数：
187
box-sizing: width: 100px; height: 100px; background: red; padding-left: 30px; box-sizing: border-box 盒子还是100*100 加了border-box box-sizing: content-box; ...
分类：
其他好文 时间：
2018-11-16 10:25:20
阅读次数：
166
