html中如何让数据竖排输出

在HTML中，可以使用CSS样式来让数据竖排输出，下面是详细的步骤：

1、使用小标题（h标签）来标识每个数据项的标题，如果要显示姓名和年龄，可以这样写：

<h2>姓名</h2>
<h2>年龄</h2>

2、使用表格（table标签）来组织数据，在表格中，使用tr标签表示行，td标签表示单元格，将每个数据项放在一个单元格中，并使用valign属性指定垂直对齐方式为底部（bottom），如果要显示张三和25岁，可以这样写：

<table>
  <tr>
    <td valign="bottom">张三</td>
  </tr>
  <tr>
    <td valign="bottom">25</td>
  </tr>
</table>

3、使用CSS样式来控制表格的布局和样式，通过设置表格的宽度、边框、间距等属性，可以使数据以竖排的方式显示，可以这样写：

<style>
  table {
    bordercollapse: collapse; /* 合并边框 */
    width: 100px; /* 设置表格宽度 */
  }
  th, td {
    border: 1px solid black; /* 设置边框样式 */
    padding: 8px; /* 设置单元格内边距 */
    textalign: center; /* 水平居中对齐 */
  }
</style>

4、将小标题和表格组合在一起，形成完整的代码块。

<h2>姓名</h2>
<table>
  <tr>
    <td valign="bottom">张三</td>
  </tr>
  <tr>
    <td valign="bottom">25</td>
  </tr>
</table>

通过以上步骤，就可以在HTML中实现数据的竖排输出了，你可以根据实际需求修改小标题和表格的内容和样式，以满足不同的展示要求。