IT民工的坐井观天

最棒的解决方案往往是最简单的那个，提供8个一句话CSS小诀窍

 原文出处：http://cssglobe.com/post/1392/8-premium-one-line-css-tips

版权声明：本文版权归原作者所有 译文仅供国内读者参考

1. 使用line-height（行高）垂直居中

line-height:24px;

对于拥有确定高度的元素，使用line-height可以将其内部元素垂直居中。PS. 原来的做法 valign 是一个不正确的做法。

2. 防止确定宽度的浮动元素布局被其内部超宽的元素破坏

#main{
 overflow:hidden;
}

对于拥有确定宽度的浮动（float）元素，如果内部有一个超宽元素（比如一个很宽的图片），那你精心设计的布局可能就无法正常显示，最简单有效的防止手段就是 overflow:hidden;
虽然会隐藏掉一部分元素，但最大限度保证了整体布局的正确。

3. 防止链接换行

a{
white-space:nowrap;
}

很多时候，链接会非常长，如果换行变成2行乃至多行，可能对用户造成误导，建议使用这个方法防止该情况。（我本人到觉得要根据具体情况分析）

阅读全文…