有可能在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>
当前回答
$ 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>
其他回答
我在第一列标题中使用<span>:
<span> |
--- | ---
Value | Value
Value | Value
它创建了一个带边框的空标题,但大小是原来的1/2。
<style>
.headerless th {
display: none;
}
</style>
<div class="headerless">
| | |
|---|---|
|Some |table |
| WITHOUT | header |
</div>
|This|is|
|---|---|
|Some |table |
| WITH |header |
以下工作很好为我在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表示例。
省略分隔符上方的标头,至少在Perl Text::MultiMarkdown和FletcherPenney MultiMarkdown中会生成一个无标头的表
|-------------|--------|
|**Name:** |John Doe|
|**Position:**|CEO |
请参阅PHP Markdown特性请求
在PHP Parsedown中,空标题会生成带有空标题的表,这些表通常是不可见的(取决于您的CSS),因此看起来像无标题的表。
| | |
|-----|-----|
|Foo |37 |
|Bar |101 |
你可以隐藏一个标题,如果你可以添加以下CSS:
<style>
th {
display: none;
}
</style>
这有点笨重,并且没有区分表,但是对于一个简单的任务来说可以做到。
更新
HTML输出在Markdown编辑器之间是不同的,但是如果表格包含了一个标题元素,你可以更具体地针对空标题单元格:
thead th:empty {
border: thin solid red !important;
display: none;
}
如果标题行不包含可见内容,则此方法有效。条形之间的空格是可以的。