display属性详解

display属性详解根据 CSS 规范的规定 每一个网页元素都有一个 display 属性 用于确定该元素的类型 每一个元素都有默认的 display 属性值 比如 div 元素 它的默认 display 属性值为 block 称为块元素 而 span 元素的默认 display 属性值为 inline 称为 行内 元素

大家好,我是讯享网,很高兴认识大家。

在这里插入图片描述
讯享网
根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,称为块元素,而span元素的默认display属性值为“inline”,称为“行内”元素。

块元素与行元素是可以转换的,也就是说display的属性值可以由我们来改变。 

讯享网

display常用属性值

      • 1. none:隐藏对象
        • 1.1 不用none前:
        • 1.2 用了none的时候:
      • 2. inline: 指定对象为行内元素
      • 3. block: 指定对象为块元素
      • 4. inline-block:指定对象为行内块元素
      • 5. table-cell:指定对象为表格单元格
      • 6. flex:弹性盒
        • 6.1 未使用flex前:
        • 6.2 使用flex后:
      • 7. inline转块级元素
小讯
上一篇 2025-03-09 22:20
下一篇 2025-03-11 15:43

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/60717.html