css display属性详解

css 中display属性决定了一个元素的显示方式,它分别有下面几种显示方式

  block 块级显示,可以设置高宽、前后存在换行符

  inline-block 行内块级元素显示,可以设置高宽、前后没有换行符

  inline 行内元素显示,前后没有换行符,不可以设置高宽,元素高宽由内部元素决定

  list-item 列表块级元素显示,前后都有换行符,但和block不同的是,它可以和li一样在元素前面加上标记

  table 表格块级元素显示,类似于table元素,前后都有换行符

常用的元素显示方式

  行内元素

    span、em、strong、i、e、a等

  行内块级元素

    input,button,img,select等

  块元素

    div,ul,li,ol,h1-h6,p,table等

值得一提的是,行内元素和行内块级元素,即便是设置margin为0,也会存在间隔