Jekyll:table 内的无序列表
Jekyll: unordered list inside table
我正在尝试为一个 jekyll 站点构建一个 table,该站点在一列中包含一张图片,而在下一列中包含与该图片关联的无序列表链接。
无序列表 (*,-,+) 的 markdown 语法无效,html 与 markdown table 混合时也无效。
有谁知道如何让杰基尔工作? (注意:图像和链接工作正常)
请参阅下面的代码:
<style>
table { border: 1px solid black; width: 100%; }
td, th {border: 1px solid black;width: 50%;}
</style>
| Image | Image Links |
|-------------------------|--------------------------------------------------------|
| <img src="image1.png"/> | *[Image1 link1][1]<br> *[Image1 Link2][2] |
| <img src="image2.png"/> | <ul><li>Image2 Link1</li><li>Image2 Link2</li></ul> |
一般来说,table Markdown 中的实现往往相当简单。我不知道 tables.
中有任何支持 Markdown-style 列表的
因此,我相信您必须使用 HTML 作为您的 table:
table {
border: 1px solid black;
width: 100%;
}
td, th {
border: 1px solid black;
width: 50%;
}
<table>
<thead>
<tr>
<th>Image</th>
<th>Image Links</th>
</tr>
</thead>
<tbody>
<tr>
<td><img src="http://placekitten.com/200/100"></td>
<td>
<!-- this _might_ work, but I'd use an HTML image even if it does -->
<ul>
<li>[Image1 link1][1]</li>
<li>[Image1 Link2][2]</li>
</ul>
</td>
</tr>
<tr>
<td><img src="http://placekitten.com/200/100"></td>
<td>
<ul>
<li><a href="">Image2 Link1</a></li>
<li><a href="">Image2 Link2</a></li>
</ul>
</td>
</tr>
</tbody>
</table>
我正在尝试为一个 jekyll 站点构建一个 table,该站点在一列中包含一张图片,而在下一列中包含与该图片关联的无序列表链接。
无序列表 (*,-,+) 的 markdown 语法无效,html 与 markdown table 混合时也无效。
有谁知道如何让杰基尔工作? (注意:图像和链接工作正常)
请参阅下面的代码:
<style>
table { border: 1px solid black; width: 100%; }
td, th {border: 1px solid black;width: 50%;}
</style>
| Image | Image Links |
|-------------------------|--------------------------------------------------------|
| <img src="image1.png"/> | *[Image1 link1][1]<br> *[Image1 Link2][2] |
| <img src="image2.png"/> | <ul><li>Image2 Link1</li><li>Image2 Link2</li></ul> |
一般来说,table Markdown 中的实现往往相当简单。我不知道 tables.
中有任何支持 Markdown-style 列表的因此,我相信您必须使用 HTML 作为您的 table:
table {
border: 1px solid black;
width: 100%;
}
td, th {
border: 1px solid black;
width: 50%;
}
<table>
<thead>
<tr>
<th>Image</th>
<th>Image Links</th>
</tr>
</thead>
<tbody>
<tr>
<td><img src="http://placekitten.com/200/100"></td>
<td>
<!-- this _might_ work, but I'd use an HTML image even if it does -->
<ul>
<li>[Image1 link1][1]</li>
<li>[Image1 Link2][2]</li>
</ul>
</td>
</tr>
<tr>
<td><img src="http://placekitten.com/200/100"></td>
<td>
<ul>
<li><a href="">Image2 Link1</a></li>
<li><a href="">Image2 Link2</a></li>
</ul>
</td>
</tr>
</tbody>
</table>