markdown进阶语法-设置换行，文本对齐方式等

客官°小女子只卖身不卖艺 2023-07-15 05:56 1阅读 0赞

笔者今天写博客的时候，遇到一个问题就是我在写表格内容的时候，某一列里面的内容过多的时候就导致全都挤在一起非常难看。如下所示：

![【网络原因，图片显示失败】][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYwNjE1OA_size_16_color_FFFFFF_t_70]

#### 一、换行与文本对齐 ####

我们的解决办法就是在里面添加代码<br />。这样我们就可以想在哪里换行就在哪里换行了!【笔者不仅仅做了换行处理，也设置了文本对齐方式。】  
效果如下：

![【网络原因，图片显示失败】][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYwNjE1OA_size_16_color_FFFFFF_t_70 1]

##### 表格内容对齐的第二种方法： #####

使用`:-:`居中  
使用`:-`居左  
使用`-:`居右

<table> 
 <thead> 
  <tr> 
   <th align="center">第一列</th> 
   <th align="right">第二列</th> 
   <th align="left">第三列</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="center">第一列文本居中</td> 
   <td align="right">第二列文本居右</td> 
   <td align="left">第三列文本居左</td> 
  </tr> 
 </tbody> 
</table>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYwNjE1OA_size_16_color_FFFFFF_t_70 2]

#### 二、让特定内容不显示出来： ####

与html注释规则一致

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYwNjE1OA_size_16_color_FFFFFF_t_70 3]

#### 知识点小总结： ####

1.  如果想要换行的话：就加入代码<br />
2.  如果想要设置文本对齐的方式的话：

<table> 
 <thead> 
  <tr> 
   <th>代码</th> 
   <th>对齐方式</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>&lt;center&gt;你的代码&lt;/center&gt;</td> 
   <td>居中</td> 
  </tr> 
  <tr> 
   <td>&lt;p align=left&gt;你的代码&lt;/p&gt;</td> 
   <td>左对齐</td> 
  </tr> 
  <tr> 
   <td>&lt;p align=right&gt;你的代码&lt;/p&gt;</td> 
   <td>右对齐</td> 
  </tr> 
 </tbody> 
</table>

表格也可以使用如下方法：  
使用`:-:`居中  
使用`:-`居左  
使用`-:`居右

1.  如果想要特定内容不显示的话：

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYwNjE1OA_size_16_color_FFFFFF_t_70]: /images/20230528/65c45f5509e541a5b1dc52b9d6768555.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYwNjE1OA_size_16_color_FFFFFF_t_70 1]: /images/20230528/0330e69203334fcab93653a7a6989b09.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYwNjE1OA_size_16_color_FFFFFF_t_70 2]: /images/20230528/863390fee9db439492836ce955854b8f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYwNjE1OA_size_16_color_FFFFFF_t_70 3]: /images/20230528/95f7a08cec3341c687d5a9f576a29f77.png