CSS技巧

1.CSS3垂直居中
http://blog.163.com/hongshaoguoguo@126/blog/static/1804698120135156225265/

2.CSS滤镜
http://www.zhangxinxu.com/wordpress/2012/08/%E5%B0%8Ftip-%E4%BD%BF%E7%94%A8css%E5%B0%86%E5%9B%BE%E7%89%87%E8%BD%AC%E6%8D%A2%E6%88%90%E9%BB%91%E7%99%BD%E7%9A%84/

3.width:auto和width:100%的区别（css学习）
2013年12月10日 ⁄ 综合 ⁄ 共 473字 ⁄ 字号 小 中 大 ⁄ 评论关闭

<div> <p>1</p>
</div>
div{width:600px;
overflow:auto;}p{ width:100%; padding:10px;}
p{ width:auto; padding:10px;}
如果是width:100%，则说明p的width会得到600px就已经充满div区域，然后自己又有padding，所以会出现滚动条。
而width:auto则比较聪明，它是总体宽度（广义，包括width，margin,padding,border这些）等于父级宽度（狭义，内容区，仅指width），所以如果padding已经左右占去20px的空间，那么width给的值就是580px。
所以，如果：
p{ width:auto; background-color: red; margin:10px; padding:10px; }
其实最后实际的width值为560px。
但无论是width:100%还是auto，其计算的参照都是父级内容区width值，而非总宽度值。。

内容超过长度后以省略号显示

{width: 150px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
1、之前在考虑如果进行字符串截断时，一直在思考如何用js来完成而忽略了css的text-overflow属性；
　　通过设置white-space:nowrap使字符串不换行，然后设置text-overflow:ellipsis，显示省略标记（如果不想显示省略标记，将text-overflow设为clip）；
2、缺点在于只能在只显示一行时使用。
3、white-space: nowrap; 强制不换行
　 word-wrap:break-word; 强制连续字符换行