我有:
- `foo`: some text Default: false
- `barThatIsTooLong`: again some text Default: true
但在Bitbucket自述文件中,空白空间将自动被吃掉,这将显示为:
foo
:某些文本默认值: falsebarThatIsTooLong
:还是一些文本默认值: true我希望将默认值垂直对齐。
如何告诉Bitbucket的降价不吃我的空间?有可能吗?
发布于 2018-12-05 15:25:51
除非您使用表而不是列表,否则您可能做不到。
| Variable | Description | Default |
| -------------------|---------------- | ------- |
| `foo` | some text | false |
| `barThatIsTooLong` | again some text | true |
如果您使用的站点没有去掉原始的HTML和/或样式属性,那么内联浮动可能有效:
- `foo`: some text <span style="float:right; width:10em;">Default: false</span>
- `barThatIsTooLong`: again some text <span style="float:right; width:10em;">Default: true</span>
冗长的答案
折叠空格是HTML的一个“特性”,其中Markdown是一个子集。“功能”通常被称为“不重要的空白”。其想法是所有的空格(空格、制表符、换行符等)被折叠到一个单独的空间中(请参见空格行为选项摘要)。请注意,这种空格折叠是由您的浏览器完成的,而不是Markdown解析器。如果您使用浏览器的“查看源”的“检查”功能,您将看到HTML列表保留空白:
<ul>
<li><code>foo</code>: some text Default: false</li>
<li><code>barThatIsTooLong</code>: again some text Default: true</li>
</ul>
换句话说,Markdown不是在吃您的空白,而是您的浏览器。因此,下一个问题是如何在HTML中保留空白,以及如何将其合并到Markdown中。有许多不同的方法可以做到这一点,但最终,它们不会像你所希望的那样起作用。
<pre>
标记保留空白,但它是块级标记,不适合内联使用。因为您只需要一些内联空白,保留下来,而不是整个文本块,这是没有用的。whitespace:pre
CSS规则来获得这种效果,但是在Markdown中看起来很难看。此外,出于安全考虑,Bitbucket可能会删除您的style
标记(也是如此)。foo
:一些文本默认值: false - barThatIsTooLong
:还是一些文本默认值: truefoo
:一些文本的等级等级,自愿性,自愿性,默认:假- barThatIsTooLong
:再一次,一些文本,再一次,更多的默认:真但是,即使你得到上面的一个工作,浏览器可能仍然不会显示您的列表,如您所希望的。Bitbucket,就像大多数网站一样,他们的网站不使用单空间字体(代码块除外)。因此,行中的每个字母的宽度都不相等,而且您的列仍然不会对齐。请注意,在这里也存在相同的情况。上面的最后一个示例呈现如下:
foo
:某些文本的自愿性、违约性:虚假barThatIsTooLong
:同样地,一些文本被修改为默认: true您可以在编辑器中看到同样的效果。如果将字体从单空格字体更改为比例字体,则会注意到列将不对齐。而这种不对齐将随着不同比例字体的不同而变化。因此,简单地调整空格的数目并不能保证正确的对齐。你甚至可能会出现半宽度的偏差。
当然,网站一直都有专栏。但这些列不是用内联文本“伪造”的。每一列都包装在自己的块级元素中,CSS规则、位置和大小适当地包含在包含框中,如这个答案所示。但是,这同样需要原始的HTML和CSS,而Bitbucket可能出于安全考虑而不允许这样做。
另一种选择可能是使用内联浮点数:
- `foo`: some text <span style="float:right; width:10em;">Default: false</span>
- `barThatIsTooLong`: again some text <span style="float:right; width:10em;">Default: true</span>
这将导致<span>
被浮动到包含块(列表项)的最右边边缘。为了避免浮动的项目看起来正确对齐,我们包括了width
,它确保每个<span>
都是相同的宽度。实际宽度至少需要与span
中最大的文本一样宽。然而,由于安全原因,Bitbucket可能会删除原始HTML。
然而,Bitbucket的Markdown实现确实支持简单的表格。因此,如果您真的想要列,可以将它们实现为表。当然,除了列标题之外,还需要有表行而不是列表项,这可能是您想要的,也可能不是您想要的。
| Variable | Description | Default |
| -------------------|---------------- | ------- |
| `foo` | some text | false |
| `barThatIsTooLong` | again some text | true |
https://stackoverflow.com/questions/53632929
复制相似问题