首页 > Web开发 > 详细

css display属性详解

时间:2020-02-17 12:46:12      阅读:50      评论:0      收藏:0      [点我收藏+]

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属性详解

原文:https://www.cnblogs.com/wrhbk/p/12320843.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!