要让表格的文字纵向排列,通常有两种实现方式。
第一种方式是使用CSS中的transform属性,将文字旋转90度或270度。这种方式可以通过以下代码实现:
<style>
td {
transform: rotate(90deg);
/* 或者使用 rotate(270deg) */
white-space: nowrap; /* 添加空格后仍不换行 */
}
</style>
<table>
<tr>
<td>Text 1</td>
<td>Text 2</td>
</tr>
</table>
注意,这种方式需要设置表格单元格的宽度和高度,并且可能需要手动调整单元格的对齐方式,以确保整个表格的排版效果。
第二种方式是使用HTML中的 "writing-mode" 属性,让文字沿着竖直方向排列。这种方式可以通过以下代码实现:
<style>
td {
writing-mode: vertical-rl;
/* 或者使用 vertical-lr */
}
</style>
<table>
<tr>
<td>Text 1</td>
<td>Text 2</td>
</tr>
</table>
与使用transform属性的方式相比,这种方式更为简单,但是不支持所有的浏览器。
总之,无论是哪种方式,都需要在实际运用中根据具体的需求选择。