OSC 博客使用 MarkDown 编辑表格时的一点技巧

最新推荐文章于 2025-09-11 22:21:07 发布

转载最新推荐文章于 2025-09-11 22:21:07 发布 · 101 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/lionets/blog/276649

文章标签：

#markdown #python

本文介绍如何使用Markdown结合HTML优化表格显示，包括调整字体大小、添加单元格宽度，使表格在博客系统中看起来更加清晰美观。通过实例展示调整前后效果对比，帮助开发者提升网页内容展示质量。

2019独角兽企业重金招聘Python工程师标准>>>

MarkDown 本来没有表格语法，一般只好用 html 代替。但是简单的 <table><tr><td> 标签的话，在本博客系统出来的东西可能很难看。主要问题是：字体小、没边框、单元格间距几乎为零。

解决方法依次为：

在 table 标签中添加 style="font-size:14px" 字体设置，14px 差不多正好是博客正文的文字大小（默认好像是 12）
忍！
在表格开头添加一行占位符固定单元格宽度

就像下面两份同样的内容，第一个表格是无参数的默认显示，第二个则调整了字体和单元格宽度。具体可用的符号再议，至少现在看着舒服了 <br /> 第一张表：

<table> <tr> <td><b>bool_</td> <td>占一个字节的布尔类型（True/False）</td> </tr> <tr> <td><b>int_</td> <td>默认的整数类型</td> </tr> <tr> <td>intc</td> <td>与 C int 相同，通常为 int32 或 int64</td> </tr> <tr> <td>intp</td> <td>用于索引的整数（同 C ssize_t，int32 或 int64）</td> </tr> <tr> <td>int8、16、32、64</td> <td>不同位数的整数</td> </tr> <tr> <td>uint8、16、32、64</td> <td>不同位数的无符号整数</td> </tr> <tr> <td><b>float_</td> <td>float64</td> </tr> <tr> <td>float16、32、64</td> <td>不同位数的浮点数</td> </tr> <tr> <td><b>complex_</td> <td>complex128</td> </tr> <tr> <td>complex64、128</td> <td>不同位数的复数</td> </tr> </table> <br /> 第二张表

<table style="font-size:14px"> <tr><td>#####################</td><td>*************************************************</td></tr> <tr> <td><b>bool_</td> <td>占一个字节的布尔类型（True/False）</td> </tr> <tr> <td><b>int_</td> <td>默认的整数类型</td> </tr> <tr> <td>intc</td> <td>与 C int 相同，通常为 int32 或 int64</td> </tr> <tr> <td>intp</td> <td>用于索引的整数（同 C ssize_t，int32 或 int64）</td> </tr> <tr> <td>int8、16、32、64</td> <td>不同位数的整数</td> </tr> <tr> <td>uint8、16、32、64</td> <td>不同位数的无符号整数</td> </tr> <tr> <td><b>float_</td> <td>float64</td> </tr> <tr> <td>float16、32、64</td> <td>不同位数的浮点数</td> </tr> <tr> <td><b>complex_</td> <td>complex128</td> </tr> <tr> <td>complex64、128</td> <td>不同位数的复数</td> </tr> </table>

转载于:https://my.oschina.net/lionets/blog/276649