我的Chrome有问题.
我正在尝试使用display垂直对齐一些divelements：inline-block;
而不是浮动它们.当我将一些文字放入其中时会出现问题：由于一个奇怪的原因,Chrome会将不同的填充div显示在不同的行上.
Firefox和IE正常运行.
为了更好地理解检查this example
我怎么能避免这个？
解决方法
你需要添加全局包装器font-size：0;并为你的内联块设置常规字体大小,你也可以添加：letter-spacing：0;和字间距：0;,像这样：
.wrapper {
font-size: 0;
letter-spacing: 0;
word-spacing: 0;
}
.wrapper .inline_block {
display: inline-block;
font-size: 12px;
letter-spacing: 1px;
word-spacing: .1em;
vertical-align: top;
}
示例小提琴：http://jsfiddle.net/3ab22/
并更新了小提琴：http://jsfiddle.net/3ab22/3/
