有可能在Markdown中创建一个没有标题的表吗?
HTML看起来是这样的:
<table>
<tr>
<td>Key 1</td>
<td>Value 1</td>
</tr>
<tr>
<td>Key 2</td>
<td>Value 2</td>
</tr>
</table>
有可能在Markdown中创建一个没有标题的表吗?
HTML看起来是这样的:
<table>
<tr>
<td>Key 1</td>
<td>Value 1</td>
</tr>
<tr>
<td>Key 2</td>
<td>Value 2</td>
</tr>
</table>
当前回答
什么工作在GitHub问题编辑器是
|
------ | ---
Foo | Bar
但它确实显示了一个空标题
其他回答
以下工作很好为我在GitHub。第一行不再是粗体,因为它不是一个标题:
<table align="center">
<tr>
<td align="center"><img src="docs/img1.png?raw=true" alt="some text"></td>
<td align="center">Some other text</td>
<td align="center">More text</td>
</tr>
<tr>
<td align="center"><img src="docs/img2.png?raw=true" alt="some text"></td>
<td align="center">Some other text 2</td>
<td align="center">More text 2</td>
</tr>
</table>
在这里查看一个没有标题的HTML表示例。
通用解决方案
不幸的是,许多建议并不适用于所有Markdown查看器/编辑器,例如,流行的Markdown查看器Chrome扩展,但它们确实适用于iA Writer。
在这两种流行的程序中(可能也适用于您的特定应用程序)使用HTML注释块('<!- - - - - >”):
| <!-- --> | <!-- --> |
|-------------|-------------|
| Foo | Bar |
就像前面提到的一些建议一样,这确实会在Markdown查看器/编辑器中添加一个空标题行。在iA Writer中,它在美学上足够小,不会对我造成太大影响。
你可以隐藏一个标题,如果你可以添加以下CSS:
<style>
th {
display: none;
}
</style>
这有点笨重,并且没有区分表,但是对于一个简单的任务来说可以做到。
更新
HTML输出在Markdown编辑器之间是不同的,但是如果表格包含了一个标题元素,你可以更具体地针对空标题单元格:
thead th:empty {
border: thin solid red !important;
display: none;
}
如果标题行不包含可见内容,则此方法有效。条形之间的空格是可以的。
什么工作在GitHub问题编辑器是
|
------ | ---
Foo | Bar
但它确实显示了一个空标题
$ cat foo.md
Key 1 | Value 1
Key 2 | Value 2
$ kramdown foo.md
<table>
<tbody>
<tr>
<td>Key 1</td>
<td>Value 1</td>
</tr>
<tr>
<td>Key 2</td>
<td>Value 2</td>
</tr>
</tbody>
</table>