display:flex和display：block

### 回答1：
display:flex是CSS中的一种布局方式，它可以让元素按照一定的规则排列，实现灵活的布局效果。而display:block则是CSS中的一种元素显示方式，它会将元素显示为块级元素，通常用于实现页面布局中的分块效果。

### 回答2：
display:flex和display:block是CSS中两种常用的布局属性。它们各有不同的特点和应用场景。

display:flex是CSS3新增的一种弹性布局属性。flex布局提供了更加灵活的布局方式，可以轻松实现水平居中、垂直居中、等高布局等效果。使用flex布局，我们可以将父元素中的子元素按照自己的需求进行排列，而无需考虑原始的HTML结构。可以通过设定父元素display:flex来开启弹性布局，并通过设定各子元素的flex属性、order属性、align-self属性等来实现子元素的水平对齐、垂直对齐、大小等。

与之相比，display:block则是HTML中默认的布局属性。块级元素会独占一行，并且可以设置它的宽、高、内外边距等属性。block元素宽度默认是它的父元素宽度的100%。块级元素可以用来布局整个页面、侧边栏和标题、容器和部件等。当需要元素在纵向方向垂直排列或者需要卡片式布局时，使用display:block是一种非常实用的方案。

总之，在Web开发中，灵活运用display:flex和display:block可以显著提升我们的布局效率和页面性能。我们应该根据具体的需求，选择恰当的布局方式，从而让页面的设计更加灵活、美观和易于维护。

### 回答3：
display:flex和display:block是CSS中两种常见的显示方式。

display:flex：

display:flex是一种基于弹性盒子模型的布局，它允许多个元素在同一行或同一列上排列，并能够轻松地调整它们之间的距离，使它们适应各种不同的屏幕大小。它具有以下特点：

1.容易进行布局 -- 通过设置flex容器的方向、对齐方式、大小等属性，可以很容易地进行布局。

2.适应性强 -- flex容器中的元素具有自适应性，可以根据容器的空间大小动态调整自身大小。

3.空间利用率高 -- flex容器可以自动调整元素的间距和位置，最大化利用空间。

4.自适应性强 -- flex容器中的元素具有自适应性，可以根据容器的空间大小动态调整自身大小。

display:block：

display:block是一种基本的单独布局元素，它实现了默认的块状布局，可以在一个页面中创建新的块，该元素将占据整个父元素的宽度，但高度实际上由内容而定。它具有以下特点：

1.排列方式简单 -- 元素在文档流中独自占据一行，可以很容易地实现基本的布局。

2.默认宽度为100% -- 元素默认的宽度为100%。

3.不容易受到其他元素的影响 -- 其它元素的影响相对较小，方便进行风格调整。

总之，这两种元素的应用场景各有不同。display:flex适合进行复杂的网页布局设计，而display:block适合单独分离的元素、块级元素，不容易受其他元素的影响。在实际的网页开发中，需要根据具体的需求来选择合适的显示方式。