求指点 CSS 代码 th 标签 vertical-align 样式

疑问解答
1

th {
vertical-align: middle !important;
text-align: center !important;
}

上面这段CSS：

在编辑视图中：

  • vertical-align: middle !important; 不起作用
  • text-align: center !important; 起作用

在阅读视图中：

  • vertical-align: middle !important; 起作用
  • text-align: center !important; 起作用

请大佬指点！

2

原因是编辑视图中，<th> 下多了一层 <div>，vertical-align 对 <div> 无效。试试这样：

/* 编辑视图 */
.markdown-source-view th>div {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 阅读视图 */
.markdown-reading-view th {
    text-align: center;
    vertical-align: middle;
}