Markdown`native`文本对齐


182

是否markdown支持不使用+的本机文本对齐?htmlcss


3
对于GitHub Flavored Markdown<p align=center>可以使用。(来自下面的答案
Ulysse BN

Answers:


159

没有+的本机 markdown 支持文本对齐。htmlcss


65
因此,将您的文本换行,<p style="text-align: center;">并且</p>可以在任何降价促销中使用
SDJMcHattie

15
Github用户:内联样式在github上不起作用,并且不作为Github Flavored Markdown的扩展功能包括在内。截至2017年1月,这就是github支持的所有内容。有许多在线markdown测试人员表示他们符合GFM并显示了内联样式等内容,但是github markdown [相当多] *目前不支持HTML / CSS。* <br>有效,因此可能存在一些隐藏的有效标签。
Govind Rai

16
Github用户:截至2017年6月8日,迭戈·维尼修斯(DiegoVinícius)的以下回答已成功将文本集中在markdown文件中。只是包装文本在p与标签align设置为center,像这样:<p align="center">centered text</p>
KROW

2
顺便说一句,这将是更好地使用,<div>还是<p>?A p是一个段落,那么也许div会是一个更中立和更好的选择?
VasiliNovikov

2
@SDJMcHattie将.md转换为.pdf时不起作用。
马克·勒·比汉


22

我知道这不是降价促销,但<p align="center">对我有用,因此,如果有人知道降价促销语法,我会很乐意使用它。在那之前,我将使用HTML标记。


1
对齐属性已自HTML 4和陈旧过时了,因为HTML 5
英德日赫Vavruska

5
尽管以上答案无效,但该方法成功地将一些文本集中在github上
06Kröw

1
刚刚在github上测试:它适用于文本,不适用于图像。
xtian

1
如果html标签有效,则无法与p标签对齐或简单对齐,请尝试使用<div class =“ margin:0 auto;”>在div内添加图片
DiegoVinícius17年

15

这很麻烦,但是如果您使用GFM或其他支持通过管道构建表的MD语法,则可以使用列对齐功能:

|| <!-- empty table header -->
|:--:| <!-- table header/body separator with center formatting -->
| I'm centered! | <!-- cell gets column's alignment -->

这在标记中起作用。


1
人们将如何处理这个问题来申请标题?如果我在“ |”中使用普通的“#” 看起来是逐字的。
nilon

这似乎仅适用于文本。我正在尝试将图像居中。
文斯

10

在Github中,您需要编写:

<p align="justify">
  Lorem ipsum
</p>

我喜欢使用“索引”列表来启动更长的README.md文件。我将其放在每节的末尾,以防读者想跳回索引,效果<p align="right">[Index](#index)</p>很好:)
肯尼迪先生

1
此解决方案有效,但是某些样式(如斜体)丢失了。
JavDomGom

8

div元素具有自己的对齐属性align

<div align="center">
  my text here.
</div>

1
最佳解决方案。我们可以使用“证明”代替“中心”。适用于div内的所有内容而不会扭曲任何内容。
impopularGuy

4

对于Markdown Extra,您可以使用自定义属性:

# Example text {style=text-align:center}

这适用于标题和块引用,但不适用于段落,内联元素和代码块。

较短的版本(但HTML 5不支持):

# Example text {align=center}

@AlmostPitt如前所述,它是Markdown Extra的特定功能,不可能在其他地方使用。


1

我试图使图像居中,但此处答案中建议的任何技术都无效。<img>带有内联CSS的常规HTML 对我有用...

<img style="display: block; margin: auto;" alt="photo" src="{{ site.baseurl }}/images/image.jpg">

这是针对GitHub上托管的Jekyll博客的


-2

我发现在jupyter笔记本单元格上使用乳胶语法非常有用,例如:

![good-boy](https://i.imgur.com/xtoLyW2.jpg  "Good boy on boat")

$$\text{This is some centered text}$$

-13

要居中对齐,请使用箭头(-> <-)包围要居中对齐的文本,如下所示:

-> This is center aligned <-

3
我正在一些在线Markdown中测试此选项。您能否添加网址或在Markdown中告诉我们这句话的用处?
equiman 2013年

这可以在Discount(pell.portland.or.us/~orc/Code/discount)(原始降价的C实现)中使用。
Calum

而且还RDiscountruby实施。谢谢!
jibiel 2013年

您必须添加此插件才能正常工作:npmjs.com/package/markdown-it-center-text
Lukas Liesis

在Notepad ++(Python markdown + Live HTML插件)中
不起作用
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.