jsp中怎么设置让一个表格在整个网页中居中

Posted 2023-04-05

参考技术A tml中让表格在浏览器中左右居中，可以设置表格的align属性 align有三个属性： 1、居中：ce

是否可以在降价文件中居中表格？

【中文标题】是否可以在降价文件中居中表格？

【英文标题】：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 项目。

【问题讨论】：

对于 MkDocs 的材料：github.com/squidfunk/mkdocs-material/issues/…

【参考方案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'，则无法将表格居中（因为表格占据了整个列的宽度）。

预览

【讨论】：

虽然这至少直接回答了我的问题，但谷歌上的第二次点击（对我来说）导致a *** question asking why center is deprecated。感谢您的努力

【参考方案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>

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

【讨论】：

@Gangula 确保将文本居中对齐 within 表格，但将表格本身在降价文件中居中对齐（这是操作实际想要的），您需要<div align="center">

哦，我的错。我误解了这个问题。

【参考方案6】：

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

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