要实现垂直旋转的表格标题,并使其居中且底部对齐,同时在跨浏览器中兼容,可以使用以下 CSS 代码:

th {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  text-align: center;
  vertical-align: bottom;
}

在上述代码中,writing-mode: vertical-rl; 将文本方向设置为垂直从右到左,transform: rotate(180deg); 旋转标题 180 度,使其垂直显示。text-align: center; 使标题在单元格中水平居中,vertical-align: bottom; 使标题在单元格中垂直底部对齐。

这样,表格标题将垂直旋转,并在单元格中居中且底部对齐,在大多数现代浏览器中都能正常工作。

请注意,某些旧版本的浏览器可能对这些 CSS 属性的支持有限。在实际应用中,最好在多个浏览器中进行测试,以确保效果符合预期。如果遇到特定浏览器的兼容性问题,可以考虑使用浏览器特定的前缀或寻找替代的解决方案。