csdn markdown编辑器 表格使用说明及列宽度调整、对齐方式等问题处理

1、问题描述

参考CSDN markdown编辑器官方帮助，表格使用方法如下：

表格

项目	Value
电脑	$1600
手机	$12
导管	$1

Column 1	Column 2	Column 3
left-aligned 文本居左	centered 文本居中	right-aligned 文本居右

这里我们能调整的只有对齐方式：
1）冒号在左，左对齐
2）没有冒号或冒号在两侧，居中对齐
3）冒号在右侧，右对齐

总体感觉csdn markdown编辑器提供的表格处理，简洁大方，书写也比较方便，但是欠缺一个关键功能，列宽指定（定宽或百分比），网上有很多博文关于这个问题讨论，但是没有特别好的方案，基本上就2个解决方案：
1）直接用内嵌html，在markdown编辑器直接插入html片段，如：<table>...</table>
2）有人曾提到使用style，如下：

table th:first-of-type {
	width: 200px;
}

方案1：可以解决问题，但不建议，如果使用内嵌html就牺牲了markdown的编辑效率；
方案2：不能解决问题，csdn的markdown编辑器不支持，因为csdn markdown编辑器支持内嵌html（包括html里的内连style），但是不支持内嵌style <style>...</style>。

2、表格宽度或其它表格样式问题如何处理？

第一个方案：上文已经提及，使用内嵌html表格代替markdown编辑器表格
此方案虽说效率低下，且使用人员需要精通html基础知识，门槛略高，却足够灵活，也可以切实解决表格列宽问题。

第二哥方案：投机取巧，通过调整标题列内容实现个别列宽度调整
css在自动计算列宽的时候，会因为列的内容不同导致宽度不同，比如：“caching table” 和 “cachingtable”，前者css可以认为是2个单词可以换行，所以计算宽度就可以小点，而 "cachingtable"css认为其是一个单词不能换行，因此宽度大点才可以显示，根据这个原理我们可以调整标题行列内容，实现列宽适当调整。
调整前截图：

调整后截图（###state###）：

3、理想的解决方案

1）希望csdn markdown编辑器支持内嵌<style>...</style>
2）或希望csdn markdown编辑器table语法支持宽度指定，可以如下：
|:-------w90|:--------:w80p| -------------:w100|
在最后增加宽度设置，w90表示指定90px，w80p表示指定百分比80%，没指定的剩余宽度分摊。