如何在Jupyter Notebook Markdown单元格中用HTML对齐表格文本？

直接在<tr>标签上设置text-align不生效，是因为Jupyter自带的CSS样式会优先作用于<td>元素，覆盖掉<tr>上的对齐设置。

有两种简单的解决方法：

方法一：直接给<td>标签添加样式 #

把text-align属性直接写在每个<td>的style里，确保样式优先级足够，不会被覆盖。修改后的代码如下：

<table>
  <tr style="font-size: 20px; font-weight: bold;">
    <td style="text-align: center;">Header 1</td>
    <td style="text-align: center;">Header 2</td>
  </tr>
  <tr style="font-size: 16px;">
    <td style="text-align: right;">Cell 1</td>
    <td style="text-align: right;">Cell 2</td>
  </tr>
  <tr style="font-size: 16px;">
    <td style="text-align: right;">Cell 3</td>
    <td style="text-align: right;">Cell 4</td>
  </tr>
</table>

方法二：用<style>块定义全局表格样式 #

如果表格行数多，不想重复写样式，可以在Markdown单元格开头添加<style>块，自定义表格类的样式，批量设置更高效：

<style>
  .custom-table td {
    text-align: right;
    font-size: 16px;
  }
  .custom-table .header-cell {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
  }
</style>

<table class="custom-table">
  <tr>
    <td class="header-cell">Header 1</td>
    <td class="header-cell">Header 2</td>
  </tr>
  <tr>
    <td>Cell 1</td>
    <td>Cell 2</td>
  </tr>
  <tr>
    <td>Cell 3</td>
    <td>Cell 4</td>
  </tr>
</table>

内容的提问来源于stack exchange，提问作者Luca Nagy