您的位置:

深入了解Markdown居中

一、Markdown居中语法

在Markdown中居中文本的语法是使用HTML的标记,将文本置于center标记中即可。如下代码所示:

  
欢迎来到我的博客

上述代码将最终呈现为居中的文本:"欢迎来到我的博客"

需要注意的是,在应用HTML标记时需要使用HTML实体。

<center>
表示<center>

二、Markdown让本行居中

除了让整个文本居中,Markdown还提供了让某一行文本居中的语法,可以使用<center>标记将文本包裹起来,这样就可以让文本在一行中居中。如下代码所示:

我不是左对齐

  
我是居中对齐
我还是左对齐

在上述代码中,由center标记包裹起来的文本就是在本行中居中对齐的:"我是居中对齐"

三、Markdown居中显示

将图片居中对齐是许多博客和网站设计中常用的技巧,Markdown也提供了一个简单的方式来在文本中居中显示图片。使用<div>标记,设置样式为text-align:center,将image标记嵌套在其中,如下代码所示:

  

上述代码将图片example.jpg居中显示。

四、Markdown居中表格

在Markdown中创建居中的表格使用HTML的<table>标记,将表格嵌套在其中,然后使用CSS将表格居中。如下代码所示:

<div style="text-align: center">
  <table>
    <tr>
      <th>表头1</th>
      <th>表头2</th>
    </tr>
    <tr>
      <td>数据1</td>
      <td>数据2</td>
    </tr>
  </table>
</div>

上述代码将表格居中显示。需要注意的是,上述代码中的<th>和<td>标记需要使用HTML实体转义

五、Markdown居中和加粗

如果需要将某段文本居中且加粗,可以使用<center>标记和<strong>标记来实现。标记的应用方式与普通文本的应用方式相同。

<center><strong>注意</strong></center>

上述代码将"注意"二字居中加粗。

六、Markdown居中标题

Markdown中可以设定不同级别的标题,但默认的标题是居左对齐的。如果需要将某个标题居中对齐,可以使用<center>标记来实现。如下代码所示:

  
## 这是副标题 ##

上述代码将二级标题"这是副标题"居中显示。

七、Markdown居中对齐

Markdown的默认文本对齐方式为居左对齐,如果需要将文本居中对齐或者居右对齐,可以使用<p>标记以及与之对应的text-align属性来实现。如下代码所示:

<p style="text-align:center">居中对齐</p>
<p style="text-align:right">右对齐</p>

八、Markdown编辑器

Markdown的流行使得出现了各种便于编辑的编辑器。下面是一些比较好的编辑器:

  • Typora:优美简洁,支持导出多种格式。
  • CmdMarkdown:支持多人协同编辑,集成了丰富的插件。
  • Dillinger:完全在线编辑,同时支持多种云盘进行存储。

九、Markdown换行

Markdown中使用两个空格和回车键来实现换行。如下代码所示:

这是第一行
这是第二行
这是第三行

上述代码会呈现为:

这是第一行
这是第二行
这是第三行

十、Markdown表格语法

在Markdown中创建表格可以使用以下语法:

| 表头1 | 表头2 |
|-------|-------|
| 单元格1 | 单元格2 |
| 单元格3 | 单元格4 |

上述代码将生成下面的表格:

表头1 表头2
单元格1 单元格2
单元格3 单元格4