css中的display:用法

在CSS中，display属性用来规定元素生成框的类型。有以下几种常见的用法：

1）inline：显示为内联元素，此元素前后无换行符。这意味着元素不会独占一行，可以与其他内联元素在同一行显示。

2）block：显示为块级元素，此元素前后会带有换行符。这意味着元素会独占一行，并且会自动换行。

3）inline-block：显示为行内块元素。它可以像内联元素一样在同一行显示，并且可以设置宽度和高度等块级元素的属性。

4）none：不被显示。元素将完全不显示，不占用空间。

5）flex：显示为一个灵活的容器，可以通过设置子元素的属性来控制元素的布局。

这些只是display属性的几种常见用法，还有其他更多的取值方式可以根据需要使用。

对于学习CSS的同学来说，可以参考一些包含CSS样式设置的实例文档，如“网页设计作业成品文档”，这样的文档会展示具体样式设置的代码和效果，有助于理解和学习CSS的使用。此外，如果想进一步了解display属性的详细用法，可以参考CSS的相关文档或者查阅CSS教程。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [网页设计作业成品文档(HTML+CSS+JS).docx](https://download.csdn.net/download/arthas777/88240442)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [CSS之display用法](https://blog.csdn.net/qq_32403063/article/details/102771996)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]