CSS是一种非常重要的网页设计语言，通过CSS的设置，我们可以实现很多不同的布局方式。本文将介绍CSS如何设置垂直布局。

要想实现垂直布局，我们可以利用flex布局，也可以使用传统的定位方法。

.flex-container {display: flex;flex-direction: column;justify-content: center;align-items: center;}

上面的代码中，我们设置了一个flex容器，通过flex-direction属性设置了其子元素的排列方式为列排列，并通过justify-content和align-items属性实现了子元素的垂直居中。

.traditional-container {position: relative;}.traditional-container .content {position: absolute;top: 50%;transform: translateY(-50%);}

上面的代码中，我们利用了绝对定位的方式进行设置。首先，我们为容器设置了相对定位。然后，我们为容器内的内容设置绝对定位，并通过top和transform属性，实现了内容的垂直居中。

以上就是CSS设置垂直布局的两种方式。通过灵活地运用这些技巧，我们可以在网页设计中实现更加丰富的布局效果。