下面是一个使用CSS设置垂直方向为主轴的简单示例：
“`html
<!DOCTYPE html>
<html>
<head>
<title>设置垂直方向为主轴</title>
<style>
/* 设置垂直方向为主轴 */
body {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
</style>
</head>
<body>
<h1>垂直方向为主轴的示例</h1>
<p>在这个示例中，大家使用`flex-direction`属性来设置页面的垂直方向，并通过`align-items`和`justify-content`属性来使页面布局居中。</p>
</body>
</html>
在上面的示例中，大家使用`display: flex`属性来将页面转换为一个 Flexbox 容器。然后，大家使用`flex-direction`属性来设置垂直方向，并使用`align-items`和`justify-content`属性来使页面布局居中。
需要注意的是，`flex-direction`属性可以设置多个方向，例如`row`、`column`、`row-reverse`和`column-reverse`，具体选择哪个方向取决于容器的默认布局。另外，`align-items`和`justify-content`属性也可以分别设置水平方向的对齐方式。