如何在 docusaurus 中将所有 Markdown 表居中?

How to center all markdown tables in docusaurus?

提问人:Apogentus 提问时间:10/27/2023 更新时间:10/27/2023 访问量:49

问:

我用 markdown 指定 docusaurus 文档中的表格(这样我的 markdown 编辑器会插入表格),如下所示:

text text text text text text text text text text text text text text text text text text 

| a   | b   | c   |
| --- | --- | --- |
| 1   | 10  | 30  |
|     |     |     |
| 2   | 20  | 40  |

text text text text text text text text text text text text text text text text text text 

目前,Markdown 表格在页面中显示为左对齐。我希望默认情况下将所有文档中的所有表格居中。我相信我必须为此进行修改。我试过了Site/src/css/custom.css

table {
    margin:0 auto;
}

table {
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto;
  border: 3px solid green;  /* just for demonstration */
}

后者确实适用于图像,但对于表格,它只在我的表格周围添加一个绿色边框,但不会将它们居中。

see visualization

我怎样才能让所有桌子居中呢?

CSS HTML 表格 Markdown 居中 Docusaurus

评论


答:

2赞 D.Kastier 10/27/2023 #1

在 中,添加以下内容:custom.css

table {
    display: table;
    width: initial;
    margin: 0 auto;
}

评论

1赞 Apogentus 10/28/2023
像魅力一样工作。谢谢!