网页设计中常用的几个CSS技巧

　　1、使用 line-height垂直居中

　　line-height ：24px；

　　使用固定宽度的容器并且需要一行垂直居中时，使用 line-height即可（高度与父层容器一致），更多的垂直居中总结可以看这里。

　　2、清除容器浮动

　　#main {
　　overflow：hidden；
　　}
　　期前也提到过这样的问题，更多信息可以看这里。

　　3、不让链接折行

　　a {
　　white-space ：nowrap；
　　}
　　上面的设定就能避免链接折行，不过个人建议长链接会有相应的这行（有关换行方面的讨论，参看圆心的记录）。

　　4、始终让 Firefox显示滚动条

　　html {
　　overflow：-moz-scrollbars-vertical；
　　}
　　更多的 Mozilla/Firefox私有 CSS属性可以参考这里。需跨浏览器的支持，也可以使用
　　body， html {
　　min-height：101%；
　　}

　　5、使块元素水平居中

　　margin：0 auto；
　　其实就是
　　margin-left ： auto ；
　　margin-right： auto ；
　　这个技巧基本上所有的 CSS教科书都会有说明，别忘记给它加上个宽度。Exploer 下也可以使用
　　body{
　　text-align： center ；
　　}
　　然后定义内层容器
　　text-align： left ；
　　恢复。