弹性布局元素按列分布

您可以使用 CSS3 中的 Flexbox 布局来实现弹性布局元素按列分布。具体实现方法如下：

1. 在父元素上设置 display: flex;，使其成为一个 Flex 容器。
2. 设置 flex-direction: column;，使子元素按列排列。
3. 设置 align-items: center;，使子元素在交叉轴上居中对齐。

示例代码如下：

.parent {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.child {
  /* 子元素样式 */
}