当换行到下一行时忽略margin-top



我有4个div,每个div有一个上边距。但是当屏幕宽度太小时,其中一个或多个会滑动到下一行,这是正确的行为。问题是我不想要这些的顶距

我可以忽略/减少div的顶边距被换行到下一行吗?

您可以用min-width将您的声明包装在@media规则中,例如(例如1024px):

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

这将显示margin-top只有当屏幕大于1024px,你只需要找到最小的屏幕宽度,所有4个元素并排。

我在这4个div周围放了一个包装器div。包装器我给了margin-top,并从每个div中删除了它们。因此,第一行的项目仍然有顶部的边距,而那些被包裹下来的项目将没有边距!

最新更新