当前位置: 首页 > 面试题库 >

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

万嘉石
2023-03-14
问题内容

我有一个带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元素似乎只适用于正值。


问题答案:

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



 类似资料:
  • 问题内容: 在下面的代码中,我试图使h1元素具有最高利润。当我在css中将位置设置为inline时,未显示上边距。但是,当我将其更改为inline-block时,它确实可以。我想知道是否有人可以解释为什么会这样。谢谢。 这是我的HTML: 这是CSS 问题答案: CSS2规范的9.2.4节规定: inline-block 此值使元素生成一个 内联级块容器 。内联块的内部被格式化为块框,元素本身被格

  • 问题内容: 在下面的代码中,我试图使h1元素具有最高利润。当我在CSS中将位置设置为内联时,没有显示页边距顶部。但是,当我将其更改为inline-block时,它确实可以。我想知道是否有人可以解释为什么会这样。谢谢。 这是我的HTML: 这是CSS 问题答案: CSS2规范的9.2.4节)规定: inline-block 此值使元素生成一个 内联级块容器 。内联块的内部被格式化为块框,元素本身被格

  • 描述 (Description) margin-top属性设置元素顶部边距的宽度。 可能的值 (Possible Values) length - 任何长度值。 percentage - 边距的宽度是相对于元素包含块的宽度计算的。 auto - 默认,让浏览器自动设置边距。 适用于 (Applies to) 所有HTML元素。 DOM语法 (DOM Syntax) object.style.mar

  • 本文向大家介绍block、inline、inline-block的区别?相关面试题,主要包含被问及block、inline、inline-block的区别?时的应答技巧和注意事项,需要的朋友参考一下 参考回答: block元素会独占一行,多个block元素会各自新起一行。默认情况下,block元素宽度自动填满其父元素宽度。 block元素可以设置width,height属性。块级元素即使设置了宽度

  • 问题内容: 有人可以告诉我我编码错误吗?一切正常,唯一的是顶部没有裕度。 HTML : CSS : 问题答案: 不同于, 1是可以在所有面上使用的块级元素,2不能那样,因为它是仅在水平方向上占用边距的Inline元素。 从规格: 边距属性指定框的边距区域的宽度。’margin’速记属性设置所有四个边的边距,而其他margin属性仅设置它们各自的边。这些属性适用于所有元素,但是垂直边距对未替换的嵌入

  • 具体代码 demo 问题: 为什么a标签设置overflow和不设置overflow 显示效果不同? 不设置如下显示 设置后如下显示 v