为啥我把div搞到同一行后它们却参差不齐

为啥我的这几个div共行后就参差不齐，我发现div中字换行的次数越多就越往上，也不知道是什么原因，希望有人能帮我解惑

建议使用flex布局

.goods { display: flex; flex-direction: row; align-items: top; justify-content: center; }