Html 垂直页眉，每行只显示一个使用css的字母

<table>
  <tr>
    <th>M<br/>A<br/>T<br/>H<br/> 1<br/>0<br/>1</th>
    <th>H<br/>I<br/>S<br/>T<br/> 1<br/>0<br/>1</th>
    <th>P<br/>H<br/>S<br/>Y<br/> 1<br/>0<br/>1</th>
  </tr>
  <tr>
    <td>A</td>
    <td>A</td>
    <td>A</td>
  </tr>
  <tr>
    <td>B</td>
    <td>B</td>
    <td>B</td>
  </tr>
</table>

th {
  writing-mode: vertical-lr;
  text-orientation: upright;
}

<table>
  <tr>
    <th>MATH 101</th>
    <th>HIST 101</th>
    <th>PHYS 101</th>
  </tr>
  <tr>
    <td>Lorem ipsum</td>
    <td>Some text</td>
    <td>A</td>
  </tr>
  <tr>
    <td>B</td>
    <td>B</td>
    <td>Lorem ipsum</td>
  </tr>
</table>

Html相关问答推荐

为什么html复选框总是具有只读属性？

UseEffect()从不调用preact

如何防止第二列中的内容影响第一列中内容的位置？

为什么我的网页底部是蓝色背景而不是渐变色？

MatSnackBar： colored颜色 不起作用

如何用css在右侧创建多个半圆

高度：适合-内容不拉伸以适合内部长度

如何使用*ngFor将模板从父级传递到子级

如何使VS代码支持以模仿嵌套的方式对已经包含注释的HTML进行注释？

阴影部分内部的ionic Select 元素

如何使单选按钮在被 Select /选中时看起来像这样的设计？

发送带有图像的Google文档作为HTML格式的邮件正文不再起作用

如何正确地嵌套Flexbox

为什么

标签在 Edge 和 Firefox 中的编号会有两种不同的结果？

为什么使用 Css 只能看到 1 列而不是 3 列？

如何从 razor 页面打开 html 页面

根据百分比用多种 colored颜色 填充SVG路径

html tailwindcss 给 li 标签添加边框

是否有一种静态方式可以根据暗模式 Select 一张或另一张图像？

用 flexbox 和 overflow 覆盖