css display属性详解

Posted wrhbk

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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,也会存在间隔

 

    

以上是关于css display属性详解的主要内容,如果未能解决你的问题,请参考以下文章

详解CSS中的display属性

详解css中的display属性(行内元素和块级元素)

css display属性详解

css3 display 详解

详解CSS中的margin负值

CSS display 属性