哦吼，听说你想晓得display属性是啥？来来来跟细小哥哥细小姐姐我一起探索这玩意儿神秘的CSS世界吧！

一、display属性是啥鬼？

display属性啊， 它是CSS里一个超关键的东西，就像是你穿衣服的时候选择穿啥款式一样。它决定了你的元素在页面上怎么摆，是横着摆、竖着摆，还是直接消失不见。

二、display属性有哪些值？

display属性的值有hen许多，就像超市里的商品一样，琳琅满目。下面我给你列举几个常见的值：

• block：元素独占一行， 比如div、h1、p等。
• inline：元素和其他元素并列，比如span、a、img等。
• inline-block：像行内元素， 但Neng设置宽阔高大，比如input、button等。
• flex：这是新鲜出的一个布局方式，Neng让你元素排排站，hen灵活哦！
• none：这玩意儿厉害了设置了这玩意儿，元素就像消失了一样，不会占用随便哪个地方。

三、 display属性详解

display属性的值还有hen许多，我来给你详细说说：

    /* 将列表元素 ul 改为块级元素 */
    ul {
      display: block;
    }
  

四、. display属性值为inline

inline元素通常没有设置宽阔度和高大度，它的宽阔度和高大度是由内容决定的，比如span、a、img等元素。这种元素通常是行内元素。

    /* 将容器的布局方式改为flex */
    .container {
      display: flex;
    }
  

display属性的取值还有hen许多，下面列出一些常见的值和对应的特征：

    /* 隐藏某一个 div 元素 */
    div {
      display: none;
    }
  

六、. display属性值为flex

flex布局是CSS3中的一种新鲜特性，它使得我们Nenggeng方便的创建麻烦的布局，得到geng加灵活的盒模型。

当仅仅设置display: block; 时元素宽阔度默认占据其父容器的 %。

    /* div 块级元素 */
    div {
      display: block;
    }
  

七、display属性是啥意思

display 属性用于控制元素的布局和kan得出来方式。不同类型的元素采用不同的布局方式和kan得出来形式， 通过修改 display 属性，Neng方便的控制元素的表现。

    /* 修改 div 元素的展示类型为 inline */
    div {
      display: inline;
    }
  

inline-block 元素是行内块元素，与行内元素类似，但是Neng设置宽阔度和高大度等属性，和块级元素一样Neng占据许多行的地方。

优良啦，今天的CSS细小课堂就到这里啦！Ru果你觉得这篇文章有点意思，就赶迅速分享给你的细小伙伴们吧！想起来点赞哦！