Question

我有4个div，每个div都有一个上边距。但是当屏幕宽度变得太小时，它们中的一个或多个滑动到下一行，这是正确的行为。问题是我不想要那些最高利润。

我可以以某种方式忽略/减少包裹到下一行的div的上边距吗？

Answer 1

您可以使用@media将您的声明包装在min-width规则中（例如1024px）：

@media screen and (min-width: 1024px) {
    div.MY_DIV{
        margin-top: 10px;
    }
}

仅当屏幕大于1024px时才会显示margin-top，您只需找到所有4个元素并排的最小屏幕宽度。

Answer 2

我在这4个div之间放了一个包装器div。包装器我给了margin-top，我从里面的每个div中删除了它们。因此，第一行中的项目仍然具有顶部的边距，而那些被包裹下来的项目没有保证金！