我有一张桌子:
| This | Is | A | Table |
| :--- | -- | - | ----: |
| foo | ba | r | elbaT |
我希望表格显示在我的 Markdown 文件的中心,而不是左对齐。我不是要对齐文本,而是要对齐整个表格本身。我需要求助于 HTML/CSS 来实现我想要的吗?
这是一个 Apiary.io 项目。
我有一张桌子:
| This | Is | A | Table |
| :--- | -- | - | ----: |
| foo | ba | r | elbaT |
我希望表格显示在我的 Markdown 文件的中心,而不是左对齐。我不是要对齐文本,而是要对齐整个表格本身。我需要求助于 HTML/CSS 来实现我想要的吗?
这是一个 Apiary.io 项目。
很简单。如您所知,“|-|” 用于表示表格,“:”用于表示文本对齐方式。如果|:-| 输入的是右对齐的文本列。如果|-:| 输入的是左对齐的文本,如果|:-:| 输入的是中心对齐。
是的。您可以在 API Blueprint 中拥有 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
Gaffney 在 Apiary.io 问题评论中详细介绍了我的解决方案。
基本上,我在 apiary.apib HTML 块中添加自定义样式表和脚本,以使用 HTML 设置页面样式,而不是认为 Markdown di ale ct不是 CSS。
一个似乎每个人都忽略的简单方法是将表格包含在 a 中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>
像以前一样工作<center>
。再也不用担心<center>
被弃用了。;)
来自一辉的书( https://bookdown.org/yihui/rmarkdown-cookbook/kable.html ) re: kable()
:
当表格包含在表格环境中时(即,当表格有标题时),表格默认居中对齐。如果您不想使表格居中,请使用参数 centering = FALSE。