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

margin属性的负值 在inline-block元素下是如何表现的?

王渊
2023-03-14
本文向大家介绍margin属性的负值 在inline-block元素下是如何表现的?相关面试题,主要包含被问及margin属性的负值 在inline-block元素下是如何表现的?时的应答技巧和注意事项,需要的朋友参考一下

 虽然margin可以应用到所有元素,但display属性不同时,表现也不同

  【1】block元素可以使用四个方向的margin值

  【2】inline元素使用上下方向的margin值无效

  【3】inline-block使用上下方向的margin负值看上去无效

    [注意]inline-block使用上下方向的margin负值只是看上去无效,这与其默认的vertical-align:baseline有关系,当垂直对齐的属性值为其他值时,则会显示不同的视觉效果

 类似资料:
  • 本文向大家介绍inline、block、inline-block这三个属性值有什么区别?相关面试题,主要包含被问及inline、block、inline-block这三个属性值有什么区别?时的应答技巧和注意事项,需要的朋友参考一下 CSS显示模块分为内部显示类型和外部显示类型,内部显示类型是定义子元素如何参与内部布局,外部显示类型定义了父元素如何参与外部整个文档流的布局,所以 inline-> i

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

  • 效果1 效果2 两段代码的区别: 第一段代码的div为inline-block,第二段为inline。 问题 为什么会出现这种不同的效果 b

  • 问题内容: 我有一个带display元素:inline-block,但是它似乎不接受margin-top。这是因为该元素仍被视为内联元素吗? 如果是,是否有人可以解决? 编辑#1 : 我的CSS很简单: 我最终将内容包装在另一个div中,并给了它一个空白。但这会导致很多额外的标记,并使我的代码不太清楚。 编辑#2 : &on 元素似乎只适用于正值。 问题答案: 我用过。它具有inline- blo

  • 我正在尝试获取此代码的颜色和图像: 除了在以电流结尾的类中,这两个看起来都一样。 我的问题是我不知道如何获得元素的值。 我试过:

  • 问题内容: 说我有一个元素定义为内联块。它的唯一内容是纯文本。当字体很大时,您可以清楚地看到浏览器如何在文本上方和下方添加一些填充。 HTML: CSS: 观察盒子模型,很明显浏览器正在 内容边缘内 添加填充。我需要删除此“填充”,一种方法是简单地更改行高,如下所示: 这在Chrome浏览器中效果很好,但在Firefox中,文本正朝顶部(FF17,Chrome 23,Mac OSX)移动。 有跨浏