Markdown文本始终左对齐。有没有办法在Markdown中实现右对齐和两端对齐?
更准确地说,我正在Jupyter Notebook(IPython)中使用Markdown。
Markdown文本始终左对齐。有没有办法在Markdown中实现右对齐和两端对齐?
更准确地说,我正在Jupyter Notebook(IPython)中使用Markdown。
在纯粹的Markdown中无法对齐文本。但是,您可以使用内联HTML标签来对齐文本。
<div style="text-align: right"> your-text-here </div>
要调整对齐方式,请将上面的right
替换为justify
。
<div style="text-align: right"> [up](https://github.com/loretoparisi/CapsNet#CapsNet) </div>
这样的代码将不会被渲染成链接。 - loretoparisi<a href="https://your-site.com">你的链接</a>
标签。 - Fyodorstyle
属性,但您仍然可以使用align
,它仍然有效:<div align="right">your-text-here</div>
- Zach Bloomquist如果你想在表单中右对齐,可以尝试以下方法:
| Option | Description |
| ------:| -----------:|
| data | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext | extension to be used for dest files. |
https://learn.getgrav.org/content/markdown#right-aligned-text
如果您想在Jupyter Notebook中使用对齐功能,请使用以下语法:
<p style='text-align: justify;'> Your Text </p>
右对齐:
<p style='text-align: right;'> Your Text </p>
p { text-align: justify; }
。此外,您还可以为列表元素添加 ul { text-align: justify; }
。 - impopularGuy<style>body {text-align: right}</style>
<style>body {text-align: justify}</style>
div
或p
元素中,并根据需要添加css样式。{:.right}
添加css类,而不是直接使用css样式{:style =“text-align:right”}
。 CSS类“right”可以通过(外部)CSS表单进行样式设置。{: style="text-align: right" }
This text is on the right
文本作为块
{: style="text-align: justify" }
This text is a block
<div style="text-align: justify">
来使所有文本对齐并保持所有code
格式。也许其他编辑器也适用,您可以尝试一下;)我使用了
<p align='right'>Farhan Khan</p>
这对我在Google Colaboratory上运行有效。有趣的是,它在其他地方都不起作用?
如何将文本和超链接右对齐已经有了答案并标记为正确,但是如果您要在右对齐的文本中引用Jupyter Notebook中的某些内容,则需要使用Eradash's answer的修改版本。修改包括删除分割闭合括号>
和在链接文本之前添加一个新的空行。因此,如果您想将标题链接到目录表中,则还可以在同一块中添加一个右对齐的“目录”链接,以获得更好的笔记本美学和导航。
假设您有一个带有指向单元格标题的目录表,它在markdown中看起来像这样:
<a id='Contents'></a>
### Table of Contents
* [Project description](#Project)
* [Load Data](#Load)
后来,您有一个包含某些操作的左对齐标题和右对齐转到链接的单元格:
<a id='Load'></a>
#### Loading data
<div style="text-align: right"
[Go to table](#Contents)
这将给您一个左对齐的标题,带有右对齐的转到链接。您的下一个单元格将不需要任何对齐修改而直接跟随:
(我很好奇为什么这样做有效,因为这种解决方案似乎更像是一种hack而不是其他任何东西。)
附注:您可以在右对齐的链接文本后添加结束括号>
甚至是结束标签</div>
,但它只会在输出中添加另一行和一个突出显示的空格,这当然违背了美学目的:
text
。 {: style="text-align: justify"} - user6867105