【前端】行级元素和块级元素

从HTML的角度来看,标签分为:

  • 文本级标签 p , span , a , b , i , u , em

  • 容器级标签 div , h系列 , li , dt ,dd
    从标签的角度来看,分为行级元素和块级元素

  • 行级元素(除p标签外所有文本级标签)

    • 与其它行内元素并排
    • 不能设置宽高
  • 块级元素(p标签和所有容器级标签)

    • 独占一行,不能并列
    • 可以接受宽高,不设宽度就默认和父级一样

    行级元素和块级元素互相转换:

    • 通过display:inline;将块级元素(比如div)和行内元素进行相互转换
    • 通过display:block;将行内元素(比如span)转行成块级元素

猜你喜欢

转载自blog.csdn.net/cheidou123/article/details/93258096