overflow与display造成元素高度变化

问题产生：

"桃乐西"为了同列显示增加了display: inline-block;和overflow: hidden; 这两个属性会造成基准线上移 即变为margin-box

解决方法：此时需增加属性vertical-align:bottom; 基准线为bottom

  max-width: 300rpx;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  line-height: 34rpx;
  vertical-align:bottom;