0
点赞
收藏
分享

微信扫一扫

行内元素与块级元素的理解

黎轩的闲暇时光 2022-03-30 阅读 68
html5

行内元素:

成行显示,不能设置宽高,默认的宽度就是文字的宽度

块级元素:

单独成一行显示,不与其他元素成列,宽度默认100%

在HTML的角度来讲,标签分为:

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

    容器级标签:div , h类 , li , dt ,dd

    p:里面只能放文字和图片和表单元素,p里面不能放h和ul,也不能放p

    行内元素:除了p之外,所有的文本级标签,都是行内元素。p是个文本级标签,但                       是 个块级元素。

    块级元素:所有的容器级标签,都是块级元素,以及p标签。

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

  我们可以通过display属性改变块级元素和行内元素的属性。

  display:inline;

  那么这个标签将变为行内元素,即:

    此时这个div将不能设置宽度和高度了。

  同样的到了我们也可以用display将行内元素(比如span)转行成块级元素。

  display:block;

  那么这个span标签将变为块级标签,即:

    此时这个span能够设置宽度,高度。

      此时这个span必须独占一行,其他元素无法与之并排。

    如果不设置宽度,将占满父级。

举报

相关推荐

0 条评论