天天看點

用html實作Markdown中的複雜表格問題來源簡單的例子

問題來源

偶然一次寫部落格的時候,發現csdn自帶的Markdown編輯器,表格中的單元格是不支援合并和拆分的。那麼該怎麼辦呢?百度啊,發現markdown裡面是可以

内嵌html

,最終效果如下:

常用排序算法
類别 排序方法 時間複雜度 空間複雜度 穩定性
平均情況 最好情況 最壞情況 輔助存儲
冒泡排序 直接冒泡 O(n2) O(n) O(n2) O(1) 穩定
雞尾酒排序 O(n1~2) O(n) O(n2) O(1) 穩定
選擇排序 O(n2) O(n2) O(n2) O(1) 不穩定
插入排序 直接插入 O(n2) O(n) O(n2) O(1) 穩定
二分插入 O(n1~2) O(nlogn) O(n2) O(1) 穩定
希爾排序 O(n1.3) O(n) O(n2) O(1) 不穩定
歸并排序 O(nlog2n) O(nlog2n) O(nlog2n) O(n) 穩定
堆排序 O(nlog2n) O(nlog2n) O(nlog2n) O(1) 不穩定
快速排序 O(nlog2n) O(nlog2n) O(n2) O(log2n) 不穩定
非選擇排序 計數排序 O(n+k) O(n+k) O(n+k) O(n+k) 穩定
基數排序 O(n*dn) O(n*dn) O(n*dn) O(n*dn) 穩定
桶排序 O(n) O(n) O(n2) O(n+bn) 穩定

要實作這個表格,主要是借助

th

td

标簽中的兩個屬性:

  • rowspan

    :單元格所占行數
  • colspan

    :單元格所占列數

簡單的例子

學生成績單
姓名 成績
國文 數學 總分
張三 90 95 185

對應的代碼:

<table>
	<head>
		<tr>
			<th colspan="4">學生成績單</th>
		</tr>
		<tr>
			<th rowspan="2">姓名</th>
			<th colspan="3">成績</th>
		</tr>
		<tr>
			<th >國文</th>
			<th >數學</th>
			<th >總分</th>
		</tr>
	</head>
	<body>
		<tr>
			<td>張三</td>
			<td>90</td>
			<td>95</td>
			<td>185</td>
		</tr>
	</body>
</table>
           

繼續閱讀