通过html修改Markdown表格宽度,去掉Markdown表格头加粗效果

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

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

Alt text

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

Alt text

这个方法通过修改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;" 自动换行

Alt text

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

Alt text

猜你喜欢

转载自www.cnblogs.com/ailumiyana/p/9264300.html