在 CSS3 中，使用 `flex` 容器可以强制使元素在纵向方向上对齐，而 `inline-flex` 则允许元素在水平方向上对齐。通过使用 `justify-content` 属性和 `align-items` 属性，大家可以对元素在纵向方向上的伸缩进行精细控制。例如，大家可以将一个元素设置为 `flex-start`，这将使它在水平和垂直方向上都居中，并将其缩放到页面顶部。如果大家将一个元素设置为 `flex-end`，则它将在水平和垂直方向上都靠后，并将其缩放到页面底部。
除了 `justify-content` 和 `align-items` 属性外，大家还可以使用 `flex-direction` 属性来控制元素在纵向方向上的伸缩。默认情况下，`flex-direction` 属性为 `row`，这意味着元素将在水平和垂直方向上循环排列。大家可以通过将 `flex-direction` 属性设置为 `row-reverse` 来将元素从底部向上伸缩，或将其从顶部向下伸缩。
CSS3 纵向伸缩是一种灵活且实用的布局技巧，它可以使页面布局更加美观和高效。通过使用 `display` 属性和相应的 CSS 样式，大家可以轻松地实现纵向伸缩。