美文网首页
HTML 块元素和行元素

HTML 块元素和行元素

作者: 9月的甜橙子 | 来源:发表于2021-09-10 09:16 被阅读0次

    根据表现形式的不同可以分为块元素(block)和行元素(inline)。
    块元素独占一行,常见的有:div, h1-h6, p, hr, ol, ul
    行元素常见的有:span, em, s, u, strong, a

    • 块元素内可以容纳块元素和行元素
    • 行元素内只可以是行元素
    • 行元素无法定义宽和高,margin-top和margin-bottom

    上述类型间的转换,可以使用display: inline, block, inline-block(行内块元素), table, table-cell(类似于td), table-row (类似于tr), none

    常见的inline-block元素有:img和input, 他们既可以与其他元素在同一行,也可以设置宽高,所以既具备了块元素的特点又具备了行元素的特点


    如果本文对您有帮助,请给我点赞哦~ 谢谢~

    相关文章

      网友评论

          本文标题:HTML 块元素和行元素

          本文链接:https://www.haomeiwen.com/subject/fliiwltx.html