CSS显示:inline-block不接受margin-top?

前端之家收集整理的这篇文章主要介绍了CSS显示:inline-block不接受margin-top?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个元素与display:inline-block,但它似乎不接受margin-top。这是因为元素仍被视为内联元素?

如果是,是否有解决方法

编辑#1:

我的CSS很简单:

.label {
  background: #ffffff;
  display: inline-block;
  margin-top: -2px;
  padding: 7px 7px 5px;
}

我最终将内容封装在另一个div,并给出了一个margin-top。但这会导致很多额外的标记,使我的代码不太清楚。

编辑#2:

margin-top& margin-bottom on inline-block元素似乎只能使用正值。

解决方法

我使用display:table。它具有内联块的内容拟合属性,但也支持负边距,将随着它移动内容跟随它。可能不是你应该如何使用它,但它的工作原理。

猜你在找的CSS相关文章