<style>
p {
display: table-cell;
vertical-align: top;
line-height: 1.5;
}
</style>
<p>这是一段文本。</p>
<p>这是另一段文本。</p>综上所述，通过设置行高和垂直对齐方式，大家可以很容易地让文本从上往下排列，从而实现竖向文本布局。
首页 >
css如何让文字从上到下 |css图片放大不变形代码
CSS可以通过在文本上添加样式，使文本从上到下呈现出不同的效果。具体来说，大家可以利用“行高”和“垂直对齐方式”来实现垂直方向的文本布局。下面是具体的实现步骤：
1. 设置行高
大家可以使用CSS中的“line-height”属性来设置段落的行高。通常情况下，将行高设置为文字大小的1.5倍或2倍可以获得比较好的视觉效果。
例如，将行高设置为1.5倍：
p {
line-height: 1.5;
}
2. 设置垂直对齐方式
默认情况下，段落中的文本是沿着基线对齐的。大家可以使用CSS中的“vertical-align”属性来设置文本的垂直对齐方式。通常情况下，将垂直对齐方式设置为“top”可以让文本从上往下排列。
例如，将垂直对齐方式设置为”top”：
p {
vertical-align: top;
}
3. 结合使用行高和垂直对齐方式
将行高和垂直对齐方式结合起来使用，就可以让文本从上往下排列了。值得注意的是，这种方法需要大家将文本放在一个块级元素（例如p标签）中，并将这个元素的“display”属性设置为“inline-block”或“table-cell”。
例如，将一个段落用内联表格元素进行包裹，并将垂直对齐方式设置为“top”，就可以让文本从上往下排列了：