小编典典

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

css

我有一个带display元素:inline-block,但是它似乎不接受margin-top。这是因为该元素仍被视为内联元素吗?

如果是,是否有人可以解决?


编辑#1

我的CSS很简单:

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

我最终将内容包装在另一个div中,并给了它一个空白。但这会导致很多额外的标记,并使我的代码不太清楚。

编辑#2

margin-topmargin-bottomon inline-block元素似乎只适用于正值。


阅读 492

收藏
2020-05-16

共1个答案

小编典典

我用过display: table。它具有inline-
block的内容适合属性,但也支持负边距,以使跟随其后的内容随之移动。可能不是您应该如何使用它,但是它可以工作。

2020-05-16