CSS是前端开发中非常重要的一部分，可以用来控制样式的展示和布局。在网页设计中，常常会遇到需要将文字垂直排列的情况。下面我们来学习一下如何使用CSS使字垂直排列。

.vertical{
display:flex;
flex-direction:column;
justify-content: center;
}

以上代码使用了CSS3中的flex布局，并使用了列方向排列和居中对齐的属性。在需要使用垂直排列的元素上，添加class为vertical即可实现文字垂直排列。

此外，我们还可以使用line-height属性来实现垂直排列。下面是相应的CSS样式代码。

.vertical-text{
line-height: 50px;
height: 150px;
}

以上代码中，我们设置了文本行高为50px，并将元素高度设置为150px，即可实现文字垂直排列。

在开发中，我们可以根据具体页面需求选择使用哪种方式来实现文字的垂直排列。