图片垂直居中的使用技巧
CSS部分：
box{
/*非IE的主流浏览器*/
display:table-cell;
vertical-align:middle;
/* 针对IE的Hack */
*font-size:175px;/*约为高度的0.873，200*0.873 约...
[译文]On having layout →
在页面制作中，往往就是因为没有触发layout而使页面变得凌乱，这篇文章深入剖析了形成原因，让我们更加了解layout！
inline-block的使用场景
大家都知道inline-block的意义，这里就简单介绍一下这个属性，其就是实现在行内呈现块级元素的表症，其实际意义是非常重要的，举例来说，在一段文字中，要给某个关键字前加上一个icon，如图：
这个icon我们要是用<img>标签来做的话，如果页面有N多个icon，无疑将增加页面...
中文版chrome不支持小字体
chrome不支持字体小于12px字体，其它浏览器显示正常（如图），我们如何解决呢，我们在应用小字体的标签中修改CSS，代码如下：
p{
margin-top:10px;
margin-left:10px;
line-height:22px;
}
.fontsize1...
input搜索框心得
我们需要制作这样一个搜索框：
首先我先抛出制作这个搜索框的细节：
1）文本输入框要有内阴影。
2）文本框与按钮要对齐。
好，我们现在开始制作，先说一下，最直接的制作方法，文本输入框的内阴影我们可以用图片来做，用几像素的图片平铺，然后一个DIV层内包含input与button两个标签，大致...
CSS对纯英文或数字的自动换行
先看一下纯英文或者数字的页面展示效果：
文字溢出了容器，这显然不是我们想要的展示效果，如何解决这个问题呢？现在就请出CSS中的两个样式属性word-wrap、word-break，其中word-wrap是用来用来控制换行的，word-break是用来控制断词的。
word-wrap中...