0
点赞
收藏
分享

微信扫一扫

行内元素,块级元素,行内块元素有什么区别?

灯火南山 2022-01-31 阅读 77

如果想知道区别,那么必先了解各项元素的特征:

行内(内联)元素:

  • 盒子靠内容撑开
  • 无法修改宽高 如果必须要修改需要使用display:bolck;使其具备块级元素的特点

例如:

块元素:

  • 盒子排列独占一行
  • 可以修改宽高(修改完宽高改变了,但是实际上仍然独占一行)
    列如:

行内块 :

  • 一行排列多个
  • 可以修改宽高
  • 基准线与文字一致
  • 可以使用文字某些属性控制样式

列如:

区别就是它们的特征都不一样 --------

【拓展】

它们之间可以依靠dispaly属性互相拥有别的类型元素的属性:

其他元素变成行内块元素特征:

其他元素变成行内元素特征: 

  其他元素转成块元素特征:

举报

相关推荐

0 条评论