【问题标题】:Is it possible to center tables in a markdown file?是否可以在降价文件中居中表格?
【发布时间】:2014-06-09 19:27:50
【问题描述】:

我有一张桌子:

    | This | Is | A | Table |
    | :--- | -- | - | ----: |
    | foo  | ba | r | elbaT |

我希望表格显示在我的 Markdown 文件的中心,而不是左对齐。我不是要对齐文本,而是要对齐整个表格本身。我需要借助 HTML/CSS 来实现我想要的吗?

这是一个 Apiary.io 项目。

【问题讨论】:

标签: markdown github-flavored-markdown apiblueprint apiary.io


【解决方案1】:

如果您使用标准文档,请像这样使用<center>标签。

蓝图

FORMAT: 1A
HOST: http://www.google.com

# Tables
Notes API is a *short texts saving* service similar to its physical paper presence on your table.

<center>

| Tables   |      Are      |  Cool |
|----------|:-------------:|------:|
| col 1 is |  left-aligned | $1600 |
| col 2 is |    centered   |   $12 |
| col 3 is | right-aligned |    $1 |

</center>

# Group Notes

(...)

预览


如果您使用'New Documentation',则无法将表格居中(因为表格占据了整个列的宽度)

预览

【讨论】:

【解决方案2】:

这很简单。如您所知,"|-|" 用于指示表格,":" 用于指示文本对齐方式。如果输入 |:-| 则为右对齐的文本列。如果输入 |-:| 则为左对齐文本,如果输入 |:-:| 则为居中对齐。

【讨论】:

  • 有时候,实际答案在底部
  • 然而,问题是表格本身居中,而不是其内容。不过,我知道这很容易被误解。
【解决方案3】:

是的。您可以在 API 蓝图中拥有 GFM 表 - 检查 http://docs.tables.apiary.io 以获得以下蓝图源的渲染版本。

FORMAT: 1A

# Tables API 
Note: Tables can be handcrafted or generated at <http://www.tablesgenerator.com/markdown_tables>.

## Table 1
**Discussion option 1**

| Tables   |      Are      |  Cool |
|----------|:-------------:|------:|
| col 1 is |  left-aligned | $1600 |
| col 2 is |    centered   |   $12 |
| col 3 is | right-aligned |    $1 |

# Message [/pages]
## Create a Message [POST]

### Table 2
**Discussion option 2**

| Tables   |      Are      |  Cool |
|----------|:-------------:|------:|
| col 1 is |  left-aligned | $1600 |
| col 2 is |    centered   |   $12 |
| col 3 is | right-aligned |    $1 |

+ Request (application/json)

    ## Table 3
    **Discussion option 3**

    | Tables   |      Are      |  Cool |
    |----------|:-------------:|------:|
    | col 1 is |  left-aligned | $1600 |
    | col 2 is |    centered   |   $12 |
    | col 3 is | right-aligned |    $1 |

    + Headers

            Authorization:Bearer tokenString

    + Body

            { ... }

+ Response 201

【讨论】:

  • 问题不是“将整个表格在页面上居中”吗?而此响应是关于“将文本集中在单个列中”?我找不到任何 Markdown 变体允许居中或缩进文本的任何地方(除了 pre/code 块,但它们也将定义表格的 Markdown 字面​​化)。
  • 好点!我误解了答案——AFAIK 没有办法在 Apiary 中做到这一点。我会及时通知您是否/如何在嵌入式文档中实现。
【解决方案4】:

My solution detailed by Gaffney in an Apiary.io issue comment.

基本上,我在 apiary.apib HTML 块中添加自定义样式表和脚本以使用 HTML 设置页面样式,而不是认为 Markdown dialect 不是 CSS。

还有"How to Center Anything in CSS"

【讨论】:

    【解决方案5】:

    似乎每个人都忽略了的一个简单方法是将表格包含在div 中,并在其上使用align="center" 属性。

    <div align="center">
    
    | Tables   |      Are      |  Cool |
    |----------|:-------------:|------:|
    | col 1 is |  left-aligned | $1600 |
    | col 2 is |    centered   |   $12 |
    | col 3 is | right-aligned |    $1 |
    
    </div>
    

    就像以前的 &lt;center&gt; 一样工作。无需再担心 &lt;center&gt; 会被弃用。 ;)

    【讨论】:

    • @Gangula 确保将文本居中对齐 within 表格,但将表格本身在降价文件中居中对齐(这是操作实际想要的),您需要&lt;div align="center"&gt;
    • 哦,我的错。我误解了这个问题。
    【解决方案6】:

    来自一辉的书(https://bookdown.org/yihui/rmarkdown-cookbook/kable.html) re:kable():

    当表格包含在表格环境中时(即表格有标题时),表格默认居中对齐。如果您不想使表格居中,请使用参数 centering = FALSE。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-05-27
      • 1970-01-01
      • 2013-09-05
      • 1970-01-01
      • 2016-10-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多