Question

使用Jekyll和git中心页面创建博客。我需要缩进以对齐支出清单。我找到了一种方法，但是我想将其插入函数中。

示例：

承包商费用总和-$ 6,800
暖气和空气-$ 5,100
冰箱和炉子-1,100美元
硬件商店购买-5,000美元
杂项-$ 2,000

我希望所有金额都排队。

根据此question，我可以使用 创建一个空格。但是，我需要插入很多这些以获得我想要的东西。

另一个建议是Tab+Space，但这似乎不适用于本文的中间部分。

在同一篇文章中，我尝试使用Alt+0+1+6+0，但这似乎可行。

预期结果如下。

承包商费用的总和-TAB; $ 6,800
暖气和空气-TAB;(5) 5,100美元

Answer 1

作为对SO question的答复：

markdown的本机功能无法做到这一点。但是markdown允许内嵌HTML ...

有两种方法可以做到这一点。您可以使用<table>元素，其中的HTML如下所示：

<table>
  <tr><td>Sum of Contractor expenses</td><td>$6,800</td></tr>
  <tr><td>Heating and Air</td><td>$5,100</td></tr>
  <tr><td>Fridge and Stove</td><td>$1,100</td></tr>
  <tr><td>Hardware store purchases</td><td>$5,000</td></tr>
  <tr><td>Miscellaneous</td><td>$2,000</td></tr>
</table>

或者，您可以使用类名和CSS，HTML如下所示：

<div>
  <span class="description">Sum of Contractor expenses</span>
  <span class="cost">$6,800</span>
</div>
<div>
  <span class="description">Heating and Air</span>
  <span class="cost">$5,100</span>
</div>
<div>
  <span class="description">Fridge and Stove</span>
  <span class="cost">$1,100</span>
</div>
<div>
  <span class="description">Hardware store purchases</span>
  <span class="cost">$5,000</span>
</div>
<div>
  <span class="description">Miscellaneous</span>
  <span class="cost">$2,000</span>
</div>

而且，CSS看起来像这样：

.description { width: 100px }
.cost { width: 30px; text-align: right; }

注意1：您需要调整宽度以使内容按照您想要的方式对齐。

注2：您也可以将类名和CSS应用于<td>中的<table>标记。

有没有办法在Markdown中创建用户定义的函数？

1 个答案: