display:-webkit-inline-box和display: inline-block，等高的div却不在同一条水平线上。

display:-webkit-inline-box和display: inline-block，等高的div却不在同一条水平线上。

风言枫语 

CSS： 

1. .bank-box .bank-change .bank-icon {

2. width: 1.5rem;

3. height: 1.5rem;

4. background-image: url(../images/change.png);

5. background-size: cover;

6. display: inline-block;

7. }

页面：

原因是基线没有对齐，加上vertical-align: top;即可。这是我百度到的算不得原创，已经找不到链接了。

1. .bank-box .bank-change .bank-icon {

2. width: 1.5rem;

3. height: 1.5rem;

4. background-image: url(../images/change.png);

5. background-size: cover;

6. display: inline-block;

7. vertical-align: top;

8. }

前后效果可自行对比