带降价的两列布局

Question

我正在处理并排文本。我必须用两列布局来准备这个。例如，一列包含英文文本，另一列/右列包含前面（英文）文本的翻译。 Markdown 不支持表格标记，但 Github Flavored Markdown 支持。我做了几次尝试，可惜没能解决。看起来很糟糕。 即使我放了两列，我也应该让表格边框看不见。

Answer 1

在.md 文件中可以放置html 代码。获得这种效果的一种非常简单的方式是制作无边框的表格，

<table border="0">
 <tr>
    <td><b style="font-size:30px">Title</b></td>
    <td><b style="font-size:30px">Title 2</b></td>
 </tr>
 <tr>
    <td>Lorem ipsum ...</td>
    <td>Lorem ipsum ...</td>
 </tr>
</table>

Answer 2

没有纯粹的降价方式。

降价中不存在列。

Answer 3

这就是我实现 markdown github 自述文件的方式，对我来说效果很好。

<div align="center">
    <table >
     <tr>
        <td><b>Latest Tweets</b></td>
        <td><b>daily.dev</b></td>
     </tr>
     <tr>
       <td><a href="https://twitter.com/sunilsapkota09"><img src="https://github-readme-twitter-gazf.vercel.app/api?id=sunilsapkota09" alt="sunil sapkota twitter" > </img></a></td>
        <td> <a href="https://app.daily.dev/sunil-9"><img src="https://api.daily.dev/devcards/426421ecec8c4819927d5698b72edced.png?r=5tr" width="400" alt="sunil sapkota's Dev Card"/></a></td>
     </tr>
    </table>
    </div>

Answer 4

发现这个线程在使用 Logseq 时试图解决类似的问题，在我的案例中有效的是创建一个降价表，标题只包含“-”。

| - | - |
| **Text**: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum | **Text** Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum |

虽然在 StackOverflow 中效果不佳，但在 Logseq 中看起来确实不错。

Answer 5

Rados之前提到过，可以用html做表格， 但如果你想在 html 代码块中使用 markdown，请在

<table>

之前添加此行

<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"></script>

似乎适用于我的 jupyter notebook 中的所有单元格

Answer 6

你不使用表格。相反，你嵌入

标签。

流行的三种方法

• 使用 CSS 将第二列浮动到第一列的一侧。
• 使用 Flexbox 将第二列打包到第一列的一侧。
• 使用 CSS 网格布局将第二列放置在第一列的右侧

关于如何实施这些方法的教程可以在这里找到.

就其本身而言，Markdown 不支持呈现为两列的文本中的两列 HTML 中的列，并且由于 Markdown 的历史是“HTML 的轻量级表示”，Markdown 旨在支持嵌入式 HTML 标签。

虽然这意味着您的 Markdown 看起来会因嵌入的 HTML 标签而有些混乱，但您的 Markdown HTML 呈现将包含适当的

元素以附加获得所需演示文稿所需的 CSS。

与上面的表格建议不同，这将使您的降价在列中起作用，您唯一需要关心的是确保您不会忘记关闭您的 div 标签。