美文网首页
CSS行块级元素

CSS行块级元素

作者: 小小祥 | 来源:发表于2018-12-15 03:11 被阅读0次

    行内元素

    行内元素对应display:inline
    常见的行内元素:span, stronh, em
    块级元素独自占一行且宽度会占满父元素宽度,行内元素不会独占一行,相邻行内元素可以排在
    同一行。
    

    块级元素

    块级元素对应display:bloc
    常见的块级元素div, p, form,ul, ol, li
    块级元素可以设置margin和padding属性,行内元素水平方向的margin和padding如margin-left
    、padding-right可以产生边距效果,但是竖直方向的如padding-topmargin-bottom不会
    产生边距效果
    

    行内块级元素

    块级元素对应display:inline-block
    可以让元素具有块级元素和行内元素的特性:既可以设置长宽,可以让padding和margin生效
    ,又可以和其他行内元素并排。是一个很实用的属性
    

    相关文章

      网友评论

          本文标题:CSS行块级元素

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