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

inline、block、inline-block这三个属性值有什么区别?

章远航
2023-03-14
本文向大家介绍inline、block、inline-block这三个属性值有什么区别?相关面试题,主要包含被问及inline、block、inline-block这三个属性值有什么区别?时的应答技巧和注意事项,需要的朋友参考一下

CSS显示模块分为内部显示类型和外部显示类型,内部显示类型是定义子元素如何参与内部布局,外部显示类型定义了父元素如何参与外部整个文档流的布局,所以
inline-> inline-inline
block-> block-block
inline-block-> inline-block

他们的区别是分两块的,也就是内外部显示类型,参与文档布局的内外区别。

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

  • 本文向大家介绍inline-block、inline和block的区别;为什么img是inline还可以设置宽高?相关面试题,主要包含被问及inline-block、inline和block的区别;为什么img是inline还可以设置宽高?时的应答技巧和注意事项,需要的朋友参考一下 参考回答: Block是块级元素,其前后都会有换行符,能设置宽度,高度,margin/padding水平垂直方向都有

  • 块元素,比如: 分区(division) <div> 段落(paragraphs) <p> 列表(lists):无序列表(unordered list with bullet points) <ul> 或 有序列表(ordered lists with numbers) <ol> 标题(headings):从1级标题 <h1> 到6级 <h6> 文章(articles) <article> 区块(

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

  • 本文向大家介绍margin属性的负值 在inline-block元素下是如何表现的?相关面试题,主要包含被问及margin属性的负值 在inline-block元素下是如何表现的?时的应答技巧和注意事项,需要的朋友参考一下  虽然margin可以应用到所有元素,但display属性不同时,表现也不同   【1】block元素可以使用四个方向的margin值   【2】inline元素使用上下方向的

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