CSS中的display属性详解

display是CSS中的一个重要属性，用于控制元素在文档中的显示方式。通过display属性，我们可以改变元素的布局行为、显示类型和盒模型的特性。本文将详细介绍display属性的各个取值及其效果，并提供相应的源代码示例。

1. block（块级元素）
   block是display属性的默认值，它使元素以块级盒子的形式显示。块级元素会独占一行，并且会在水平方向上填充满父元素的宽度。常见的块级元素包括
   、

   、

   到

   等。

.block-element {
   
   
  display: block;
}

2. inline（内联元素）
   inline使元素以内联盒子的形式显示。内联元素不会独占一行，它们会根据内容的尺寸自动排列。设置为inline的元素的宽度和高度属性无效。常见的内联元素包括、、、等。