CSDN的MarkDown调整列宽技巧

bingo

相信你也是因为CSDN中MarkDown无法指定列宽而苦恼，也被自动调整宽度的排版丑怕了，那么本文用一种相对巧妙的方式，实现宽度的调整。

鸣谢

首先，需要鸣谢csdn markdown编辑器 表格使用说明及列宽度调整、对齐方式等问题处理一文中的对MarkDown调整宽度讲解启发。

问题

在上面提及的那篇文章中，主要的解决办法是在表头内容中添加文字或者符号，从而利用MarkDown中的自动调整宽度机制来让它重新分配。本文便是借鉴的这种方法。
但是问题在于，如果这样做的话，表头会平白就添加内容，这倒是有种挖东墙补西墙的感觉，因为表头夹杂了莫名的符号。例如:

这对强迫症来说，不！能！忍！

解决办法

解决方法一

既不想让表格的列宽被自动调整，又不想表头有奇怪符号，那么，便有了这种方法。
在内容部分中，文字最多的那一格不断加空格。

例如：

加空格前：

序号	步骤	内容说明
1	数据产生途径	我们的数据从哪里来？ - 互联网行业：网站、app、系统（交易系统。。） - 传统行业：电信，人们的上网、打电话、发短信等等数据 数据源：网站、app
		网站/app会发送请求到后台服务器，通常会由Nginx接收请求，并进行转发）
2	日志数据产生	后台服务器，比如Tomcat、Jetty；但是，其实在面向大量用户，高并发（每秒访问量过万）的情况下，通常都不会直接是用Tomcat来接收请求。这种时候，通常，都是用Nginx来接收请求，并且后端接入Tomcat集群/Jetty集群，来进行高并发访问下的负载均衡。

显然在步骤这一列的宽度明显不合适。那么我们便可以在内容中加空格，从而让它以为我们这边是内容很多的。
而在添加时 ，选择字数最多的那一格。

调整前的代码:

|<center>序号</center>|<center>步骤</center>|<center>内容说明|
|:---:|:---------|:----|
|`1`|`数据产生`|我们的数据从哪里来？<br>- 互联网行业：网站、app、系统（交易系统。。）<br>- 传统行业：电信，人们的上网、打电话、发短信等等数据<br>数据源：网站、app|
|||网站/app会发送请求到后台服务器，通常会由Nginx接收请求，并进行转发）|
|`2`|`日志数据产生`|后台服务器，比如Tomcat、Jetty；但是，其实在面向大量用户，高并发（每秒访问量过万）的情况下，通常都不会直接是用Tomcat来接收请求。这种时候，通常，都是用Nginx来接收请求，并且后端接入Tomcat集群/Jetty集群，来进行高并发访问下的负载均衡。|

由上面的结论可知，我们选择在|`2`|`日志数据产生`|之中添加空格&emspo;。

 是表示一个空格。**

添加后代码如下:

|<center>序号</center>|<center>步骤</center>|<center>内容说明|
|:---:|:---------|:----|
|`1`|`数据产生`|我们的数据从哪里来？<br>- 互联网行业：网站、app、系统（交易系统。。）<br>- 传统行业：电信，人们的上网、打电话、发短信等等数据<br>数据源：网站、app|
|||网站/app会发送请求到后台服务器，通常会由Nginx接收请求，并进行转发）|
|`2`|`日志数据产生`    &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;     |后台服务器，比如Tomcat、Jetty；但是，其实在面向大量用户，高并发（每秒访问量过万）的情况下，通常都不会直接是用Tomcat来接收请求。这种时候，通常，都是用Nginx来接收请求，并且后端接入Tomcat集群/Jetty集群，来进行高并发访问下的负载均衡。|

添加后效果如下：

序号	步骤	内容说明
1	数据产生	我们的数据从哪里来？ - 互联网行业：网站、app、系统（交易系统。。） - 传统行业：电信，人们的上网、打电话、发短信等等数据 数据源：网站、app
		网站/app会发送请求到后台服务器，通常会由Nginx接收请求，并进行转发）
2	日志数据产生	后台服务器，比如Tomcat、Jetty；但是，其实在面向大量用户，高并发（每秒访问量过万）的情况下，通常都不会直接是用Tomcat来接收请求。这种时候，通常，都是用Nginx来接收请求，并且后端接入Tomcat集群/Jetty集群，来进行高并发访问下的负载均衡。

解决方法二（推荐）

从上面可以知道，由于编辑器自身会根据不同列中的内容长度调整列宽，因此之所以有些列非常宽，是因为它当中的某一句话太长了。因此我们可以通过剪短句子长度，从而让每一句话的长度适中。如下：

|第一列|第二列|
|--|--|
|美词美句|立身不从一步起，如尘里振衣，泥中濯足，如何超尘脱俗?处世不会退一步，如飞蛾投烛，羝羊触藩，如何堂正为人?这需要我们“三省”自己的追求与志向，这需要我们“三省”自己的处事和做人，可是，倘若蚍蜉撼大树的狂妄，蟪蛄不知春秋的无知，即使有再高的志向和理想，也与成功无缘。自立，需要自身的信心和智能去寻找；自强，更需要我们的毅力和反思。处世不是八面玲珑的圆滑，不是左右逢源的奉承，而是我们自省的真诚过程，自省的高尚精神。  |

第一列	第二列
美词美句	立身不从一步起，如尘里振衣，泥中濯足，如何超尘脱俗?处世不会退一步，如飞蛾投烛，羝羊触藩，如何堂正为人?这需要我们“三省”自己的追求与志向，这需要我们“三省”自己的处事和做人，可是，倘若蚍蜉撼大树的狂妄，蟪蛄不知春秋的无知，即使有再高的志向和理想，也与成功无缘。自立，需要自身的信心和智能去寻找；自强，更需要我们的毅力和反思。处世不是八面玲珑的圆滑，不是左右逢源的奉承，而是我们自省的真诚过程，自省的高尚精神。

从这里我们可以看到，由于第二列中，这一句话太长，导致第二列所占的比例过大，挤压了第一列。

因此这里的方法，便是给第二列断句，即添加换行符<br>

如下，将第二列的内容修改为
(PS : 这里标题中加的<center>是为了让第二列标题是居中对齐的，而|--|:--|则设置第二列内容左对齐的)

修改后显示如下

第一列	第二列
美词美句	立身不从一步起，如尘里振衣，泥中濯足，如何超尘脱俗? 处世不会退一步，如飞蛾投烛，羝羊触藩，如何堂正为人? 这需要我们“三省”自己的追求与志向，这需要我们“三省”自己的处事和做人，可是，倘若 蚍蜉撼大树的狂妄，蟪蛄不知春秋的无知，即使有再高的志向和理想，也与成功无缘。 自立，需要自身的信心和智能去寻找；自强，更需要我们的毅力和反思。 处世不是八面玲珑的圆滑，不是左右逢源的奉承，而是我们自省的真诚过程，自省的高尚精神。