display: inline-block的错行问题

inline-block在使用过程中有时会出现错行不对齐的问题，比如：

出现这个的原因是可能是快元素和行元素的baseline不一样导致上下不齐，所以解决的办法就是设置统一的vertical-align属性。基于同一个baseline值。 比如： .box{ border: 4px solid #000000; width: 200px; height: 200px; display: inline-block; vertical-align: top; }