涂涂

（1）偏移量解决思路：首先水平方向居中margin:0auto，不必多说其次让居中元素脱离文档流，使它距离top50%,这样的结果就是元素本身的顶部到达盒子的中间position:relative;//脱离文档流top:50%;//设置top50%一半最后：再把元素本身上移本身的一半就实现了垂直居中（为什么是一半的高度？因为刚刚偏移了50%顶部...

1.瀑布流的实现方式2.实现垂直方向上的居中方式3.谈谈绝对定位和相对定位

所有主流浏览器均支持 :nth-child() 选择器，除了 IE8 及更早的版本.list li:nth-child(4n){margin-right:0;}这样直接写只有在支持CSS3的浏览器中才可正常显示。 $(document).ready(function(){        $(".list li:nth-child(4n)").css("margin-righ

代码记录：1.先去除当前默认的样式>type="radio" name="selected" value="{{list.Txt}}" {{list.Txt}}input[type="radio"]{ appearance: none; -webkit-appearance: none; outline: none; display:none;}2.自定义

一次开发中遇到，记录代码原理：1.给一个div，宽和高都为0的时候，盒子什么都没有看起来。为空白2.给一个宽高为0的盒子给一遍像素给100px的上边，下边和右边，border-top: 90px solid red;border-right: 100px solid black;border-bottom: 100px solid blue;这样左边没有，就会缩成一

在IE6、IE7中不识别display:inline-block属性，但使用inline-block属性在IE下会触发layout，从而使内联元素拥有了display:inline-block属性的表症。从上面的分析也不难理解为什么IE6、IE7下对块元素设置display:inline-block属性无法实现inline-block的效果。这时块元素仅仅是被inline-block触发了layo

方法一：跨浏览器兼容的方案比较靠谱简单的做法就是设置相对定位的容器高度，用包含省略号(…)的元素模拟实现；p{position:relative;line-height:1.4em;/* 3 times the line-height to show 3 lines */height:4.2em;overflow:hidden;}

1.上边距取最大值~~发生在两个盒子嵌套的时候，父盒子和子盒子同时设置margin的时候会出现实际的magin取的是两个margin的最大值eg:html: <div class="father"> <div class="son"> </div> </div>css:.father{ ...