WEB表格字体怎么改成横向

在HTML中，如果你想将表格中的内容水平排列，而不是默认的垂直显示，你可以使用CSS的`display: table-cell;`和`writing-mode: horizontal-tb;`属性来实现。不过，这种方法在旧版浏览器支持上可能有限，特别是对于竖向滚动条处理。

以下是基本的示例：

<style>
  .horizontal-table {
    display: inline-block;
    writing-mode: horizontal-tb; /* 设置文字方向为从左到右 */
    direction: rtl; /* 右至左，确保文本从右向左读 */
    transform: rotate(90deg); /* 旋转元素90度 */
    width: calc(100% / 3 - 1px); /* 调整宽度以适应三列布局 */
    overflow-x: auto; /* 添加横轴滚动条 */
    white-space: nowrap; /* 防止行间换行 */
  }
  
  .horizontal-table td {
    display: table-cell;
    vertical-align: middle; /* 中心对齐单元格内容 */
  }
</style>

<table class="horizontal-table">
  <tr>
    <td>第一列</td>
    <td>第二列</td>
    <td>第三列</td>
  </tr>
</table>