修改Markdown表格宽度,去掉Markdown表格头加粗效果.

修改Markdown表格宽度,去掉Markdown表格头加粗效果.

最近整理函数的时候使用Markdown制作表格,但是发现表格的头行总是加粗的,看着很不愉快, 
哎,没办法只好把描述放在头行忍忍,

但是导出来html格式浏览器一打开,长短还不一,这个没法忍了.

于是找了一种方法修改,这个方法通过修改markdown导出来的HTML实现. 

HTML语法中的表格格式是这样子的:

表格由 <table>标签来定义。每个表格均有若干行(由<tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

 

然后在导出的HTML文件里面找到表格的格式,

 

<table><tbody><tr style="font-weight:bold"> <td align="left">描述</td> <td align="left">分离撤销调用进程通过shmat创建的共享内存的地址映射</td></tr><tr> <td align="left">原型</td> <td align="left">int shmdt(const void *shmaddr);</td></tr><tr> <td align="left">头文件</td> <td align="left">#include<sys/ipc.h><br>#include<sys/shm.h></td></tr><tr> <td align="left">参数</td> <td align="left">shmaddr:映射到进程内的共享内存段地址.</td></tr><tr> <td align="left">返回值</td> <td align="left">成功: 0. <br> 失败:-1.</td></tr></tbody></table>

 

style=”font-weight:bold”> 即是Markdown语法中表格首行的加粗效果,不想要的话删掉即可.

 

然后简述修改方法: 
1.在table标签中设置宽度 :

width="1300"

但是这样做还不够.超出的仍然会撑破.

2.在table标签汇总添加 
table-layout:fixed ; 
设置了这个属性,其余所有td都是相同的宽度, table宽度固定了,但是里面的文章如果很长,文字会覆盖.

3.在 td 里面 加上 style="word-wrap:break-word;" 自动换行

这样就都整齐了,很舒服.

----------------------
如果你要加在Markdown里面的话,这个方法只能先用markdown编辑器先写,然后导出html格式修改表格,再截图黏进MarkDown.


版权声明:本文为qq_17308321原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。