03.118个一句话CSS小诀窍
最棒的解决方案往往是最简单的那个,提供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行乃至多行,可能对用户造成误导,建议使用这个方法防止该情况。(我本人到觉得要根据具体情况分析)
