display: inline-block;设置 margin-top:无效的解决办法

2019-10-25 19:29:05
828次阅读
0个评论

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


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

方法一:使用display: table。它具有inline-block的内容适合属性,但也支持负边距,以使跟随其后的内容随之移动。


方法二:可以尝试将负边距替换为

.label{
    position:relative;
    top:-2px;
}


收藏00

登录 后评论。没有帐号? 注册 一个。