CSS 块级元素并列可以使不同的 HTML 块级元素在同一行内呈现，并且每个元素占据不同的宽度。本文将简单介绍 CSS 的块级元素并列属性。

要实现 CSS 的块级元素并列，你需要声明一个父元素，这个父元素需要使用 CSS 属性 display: flex。这是因为 CSS3 引入了 Flexbox 布局，它可以轻松地实现元素并列布局。

.parent {
display: flex;
}

然后，你需要在父元素中声明每个希望并排显示的 HTML 元素的样式，这些元素被称为 Flex 子元素。默认情况下，它们会平均地占据可用的空间，但是你可以通过设置 width 属性来定义它们的宽度。如果你不希望元素平均占据空间，则可以使用 flex-grow 属性。

.parent {
display: flex;
}
.child {
width: 50%;
}

如果你希望任何余下的空间通过缩小元素来填充，则可以使用 flex-shrink 属性。同样，如果你希望元素在空间不足时扩展，则可以使用 flex-grow 属性。

.parent {
display: flex;
}
.child {
flex-grow: 1;
flex-shrink: 1;
}

最后，你还可以使用 justify-content 和 align-items 属性来定义 Flex 子元素的位置。justify-content 属性用于水平布局，而 align-items 属性用于垂直布局。

.parent {
display: flex;
justify-content: space-between;
align-items: center;
}

总之，CSS 块级元素并列是一种灵活、方便的布局方式。通过使用 Flexbox 布局，你可以轻松地定制并排显示的 HTML 元素的样式，从而实现精美的 UI。