css中display参数

display是CSS中用来控制元素如何显示的属性。它可以决定元素是以什么方式显示，比如块级元素、内联元素或者是弹性盒子等。display属性的取值有很多种，每种取值都会影响元素的显示方式和布局。

我们来看一下display属性的取值为block的情况。当一个元素的display属性设置为block时，它会被渲染为一个块级元素。块级元素会占据一整行，并且会在前后添加换行符。我们可以通过设置display为block来让一个元素独占一行，比如下面的示例代码：

<div style="display: block;">
  这是一个块级元素
</div>

在上面的代码中，div元素被设置为display:block，它会被渲染为一个独占一行的块级元素。

接下来，我们来看一下display属性的取值为inline的情况。当一个元素的display属性设置为inline时，它会被渲染为一个内联元素。内联元素不会独占一行，而是会根据内容的大小自动调整宽度。我们可以通过设置display为inline来让一个元素与其他元素在同一行显示，比如下面的示例代码：

<span style="display: inline;">这是一个内联元素</span>
<span style="display: inline;">这是另一个内联元素</span>

在上面的代码中，两个span元素都被设置为display:inline，它们会在同一行显示。

除了block和inline之外，display属性还有很多其他的取值，比如inline-block、flex等。其中，inline-block可以让元素既具有内联元素的特性，又具有块级元素的特性。它会在同一行显示，并且可以设置宽高和边距等属性。flex是CSS3中新增的布局方式，它可以用来创建灵活的盒子布局。通过设置display为flex，我们可以轻松实现水平或垂直居中、自适应布局等效果。

总结一下，display属性是CSS中用来控制元素如何显示的属性。它的取值有很多种，每种取值都会影响元素的显示方式和布局。通过设置display为block、inline、inline-block或者flex等，我们可以灵活地控制元素的显示效果，实现各种不同的布局需求。